Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

Blog modul leírások
Blog modul leírások : A "bővebben" link kinézete

A "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

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

Sztárok/Bulvár: Tudj meg friss pletykákat, híreket. Katt!    *****    Outsider - Gay - Creative - Rebel - Tolerant - Furry - Brony - Hipster - Gamer - Otherkin - Geek - Autistic    *****    Xtina Hungary - Minden, ami Christina Aguilera!    *****    Légy Te is AVON tanácsadó *** Nyereményjátékok *** Kereseti lehetõség *** Vásárolj kedvezményesen AVON termékeket!    *****    Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj! *** Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj!    *****    Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár     *****    FRPG &#9679; FANTASY SZEREPJÁTÉK &#9679;&#12300;&#914;&#923;SM&#923;IW&#12301; &#9679; FANTASY SZEREPJÁTÉK &#9679; EGY SZIGET + 24 MÁGUS &#9679; FANTASY SZEREPJÁT&Eacut    *****    Itt megtalálhatod a legfrissebb híreket, cikkeket, képeket a Golden Globe- és Oscar-díjas színésznõrõl! Katt!    *****    Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok    *****    Légy Te is AVON tanácsadó *** AVON termékek *** Kereseti lehetõség *** Értékesítõ kollégákat keresek *** sminkek    *****    Esküvõi meghívók! Mindegyik kézzel készült, egyedi. Gyere, nézd meg az oldalamat.    *****    A legfrissebb Anime hírek , mindennap anime ajánló , mondocon képek , és hírek. Csatlakozz közösségünkhöz!    *****    Rendelj bármilyen asztrológiai elemzést,júniusban Te mondod meg,hogy mennyit szeretnél érte fizetni!Várlak az oldalamon!    *****    Egyetemistáknak kiemelt lakások eladóak. www.simonyiingatlan.hu Debrecen eladó kiváló lakások. www.simonyiingatlan.hu    *****    Egyetemistáknak kiemelt lakások eladóak. www.simonyiingatlan.hu Debrecen eladó kiváló lakások. www.simonyiingatlan.hu    *****    NÁLAM NINCSENNEK AKCIÓK, MINDEN ASZTROLÓGIAI ELEMZÉS "BECSÜLET KASSZÁS", A KONZULTÁCIÓ ÉS OKTATÁS INGYENES.    *****    **** Nokedli-lapja****Családi magazin****18-98 éves korosztály mindent megtalál itt, játékoktól a hírekig*****    *****    KÜLÖNLEGES AKCIÓ A CSILLAGJÖVÕ OLDALON JÚNIUSBAN.TE DÖNTHETED EL MENNYIBE KERÜLJÖN A HOROSZKÓP MEGRENDELÉSEID ÁRA!    *****    Minden héten anime/managa hírek , minden nap Anime ajánlók , Mondocon hírek. Itt nem fogsz unatkozni!! :)    *****    KÜLÖNLEGES CSILLAGJÖVÕ AKCIÓ JÚNIUSBAN.TE DÖNTHETED EL MENNYIBE KERÜLJÖN A SZÜLETÉSI HOROSZKÓP! VÁRLAK!RENDELD MEG MOST!