2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

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


 


 


 


965 megtekintés

Hozzászólások