Neko

<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

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.