Cikkajánló
Ez a tartalom regisztrációhoz kötött. Ha már regisztrált tag vagy, akkor a Bejelentkezés alatt tudsz belépni, ellenkező esetben regisztrálnod kell a tartalom megtekintéséhez.Regisztrált felhasználó belépéseFelhasználónévJelszó Emlékezzen rám  RegisztrációFelhasználónév*Email cím*E-mail cím újra*Honlap**Kötelezően
De most őszintén: bántottalak én valaha? Szóltam rólad bármikor is rosszat? Kibeszéltelek, szidtalak vagy mi a f*sz? Ki a fene vagy te, és mit képzelsz egyáltalán magadról, hogy csak
Általában a lapozást is mindenki bővítménnyel oldja meg. Viszont én amit lehet szeretek kóddal megoldani, mert a túl sok bővítmény lassíthatja a honlapot. Plusz kevesebb macera, mert nincs mit
Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló Apró tippek weboldal szerkesztőknek
Bővebben link kinézete


 

<style type="text/css">
/* bővebben link kinézete a blogban */
 .blogmorelink {
     font-family: tahoma;
     background-color: #7a7a7a;
     padding: 10px;
     padding-bottom: 10px;
     margin: 0 auto;
     width: 20%;
     font-size: 10px;
     text-transform: uppercase;
     text-align: center; /* ezzel állítod balra, középre vagy jobbra a linket */
}
.blogmorelink a:link, .blogmorelink a:visited {
     color: #ffffff!important;
     font-weight: solid;
     font-style: normal!important;
}
.blogmorelink a:hover {
     color: #F6F4F4!important;
}
-->
</style>


Adhatsz a bővebben linknek keretet, háttérszínt, háttérképet vagy bármi mást a CSS keretein belül. Elhelyezheted balra, középre vagy jobbra is.
És akkor már a vissza a bloghoz link kinézetét is változtassuk meg. Itt a CSS kódja:
Blogban a "vissza a bloghoz" link kinézete


A "bővebben" linknek dupla keret
 

Ezt kétféle módon lehet elérni. Az első, ha simén dupla keretet adunk a linknek. A második verzióval nem csak dupla kerete lesz a linknek, hanem a színük is eltérő lehet akár. És persze ennél jóval több féle módon lehet alakítani a linket. Csak a képzelet szab neki határt.
 


 

<style type="text/css">
/* bővebben link kinézete a blogban */
 .blogmorelink {
     font-family: tahoma;
     background-color: #3E2600;
     padding: 10px;
     padding-bottom: 10px;
     margin: 0 auto;
     border: 4px double #7C561D;
     width: 20%;
     font-size: 10px;
     text-align: center; /* ezzel állítod balra, középre vagy jobbra a linket */
}
.blogmorelink a:link, .blogmorelink a:visited {
     color: #ffffff!important;
     font-weight: solid;
     font-style: normal!important;
}
.blogmorelink a:hover {
     color: #F6F4F4!important;
}
--></style>



 

<style type="text/css">
/* bővebben link kinézete a blogban */
 .blogmorelink {
     font-family: tahoma;
     background-color: #3E2600;
     padding: 10px;
     padding-bottom: 10px;
     margin: 0 auto;
     width: 20%;
     font-size: 10px;
     text-align: center; /* ezzel állítod balra, középre vagy jobbra a linket */
     box-shadow: 0 0 0 4px #909E3C; /* külső keret */
     border: 4px solid #7E4007; /* belső keret */
}
.blogmorelink a:link, .blogmorelink a:visited {
     color: #ffffff!important;
     font-weight: solid;
     font-style: normal!important;
}
.blogmorelink a:hover {
     color: #F6F4F4!important;
}
--></style>


Egy-két példa még a link kinézetére


 


 


 

lindadesign Hozzászólások
916 megtekintés

Hozzászólások