2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
283 napja
701 néző

WordPress themes

WordPress themes
284 napja
198 néző

G-Portál themes

G-Portál themes
284 napja
112 néző

Tumblr themes

Tumblr themes
284 napja
162 néző

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


 


 


 


1 167 megtekintés

Hozzászólások