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

CSS kód a G-Portálon
CSS kód a G-Portálon : Elválasztóvonal CSS kóddal

Elválasztóvonal CSS kóddal


Hogy hogy nem jutott eddig még eszembe, hogy leírjam ezt a tutorialt. Nem is értem, pedig tök egyszerű és nyilvánvaló. Talán akkor itt a szövegszerkesztőben lévő elválasztóvonalat is többen használnátok, ha tudnátok, hogy egyszerűen lehet azt is CSS-sel alakítani. Adhatsz neki keretszínt, háttérszínt, háttérképet, árnyékot, bármit :) Csak a fantáziádon múlik. Gyorsan összeraktam 5 féle CSS kódot hozzá.

Az elválasztóvonal ikonja ez lenne itt a szövegszerkesztőben: vagy a kódja csak ennyi: <hr />. Szóval itt egy tök sima elválasztóvonal így néz ki:
 


Na és ezt lehet formázni CSS-sel :)

1. pixeles háttérképpel
<style type="text/css">
hr {
   border: 0px solid #000000;
   background: transparent url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1376221458_25.gif) repeat-x scroll center;
   height: 16px;
}
--></style>

2. háttérképpel és kerettel
<style type="text/css">
hr {
   border: 1px solid #000000;
   background: #FF80C0 url() repeat-x scroll center;
   height: 6px;
}
--></style>

3. színátmenettel
<style type="text/css">
hr {
   border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
--></style>

4. háttérszínnel és árnyékkal
<style type="text/css">
hr {
   border: 0px solid #f2f2f2;
   background: #408080 url() repeat-x scroll center;
   height: 6px;
   box-shadow: 1px 1px 2px rgba(136,136,136,0.75);
}
--></style>

5. háttérképpel és árnyékkal
<style type="text/css">
hr {
   border: 0px solid #f2f2f2;
   background:  url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1262187285_48.jpg) repeat-x scroll center;
   height: 10px;
   box-shadow: 1px 1px 2px rgba(136,136,136,0.75);
}
--></style>

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

Olvass kritikákat filmes és sorozatos párosokról! Itt biztosan megtalálod a saját vagy leendõ kedvenceidet is!    *****    Az asztrológiai elõrejelzések olyan tendenciákat mutatnak,melyek,nehéz döntéseknél nélkülözhetetlenek. Rendeld meg most!    *****    Az Éjszaka Misztériuma várja régi és új látogatóit újult erõvel, és heti több bejegyzéssel! | Nox Arcana    *****    Simonyi ingatlan Debrecen, Balaton 2019 Sok-sok új eladó ingatlannal bõvült kínálatunk válassza ki az önnek megfelelõt.    *****    Nagyon részletes születési horoszkóp, 3 éves ajándék elõrejelzéssel, ingyenes konzultációval, csak nálam. Kattints ide!!    *****    Ha te is szereted a Zöld Íjász elbûvölõ szerelmespárját az Olicityt akkor itt a helyed! Mindent róluk és a sorozatról!    *****    A születési horoszkóp az ÚJ ÉV legszebb meglepetése! Ajándékba küldök 3 év elõrejelzést, jó tudni milyen lesz a jövõ!!!!    *****    Zenei blog. Kritikák, listák, ajánlók és még több! -> Popusz    *****    családi pótlék utalása 2019 - dátumok, kifizetések, idõpontok az utalásról itt:    *****    MOVIE-NIGHT -> ÚJ FILMES OLDAL NYÍLT <- MOVIE-NIGHT    *****    Szerepjáték &#8211; Csatlakozz közénk, és részese Te is a kalandoknak - FRPG    *****    Egy igazi hõs sem tudja magáról, hogy hõs. - Egy igazi hõs sem tudja magáról, hogy hõs.    *****    A Roxfort Boszorkány- és Varázslóképzõ Szakiskola megnyitja kapuit!    *****    "Ó, én bizony korántsem merném állítani, hogy ismerem a Roxfort összes titkát." /Dumbledore/    *****    THE EVIL WITHIN| Harry Potter szerepjáték    *****    BOOKISLAND - könyvajánlók, ahol a könyvek életre kelnek - BOOKISLAND    *****    SoulSisters/ Nézz be az oldalunkra, ha érdekes cikkre, vagy épp kritikára vágysz. Hangolódj velünk az ünnepekre!    *****    Szereted az ünnepi idõszakot? Már hetekkel elõtte készülsz? Vagy legszívesebben elkerülnéd? Mondd el!    *****    RIZLINGDAYS BLOG ! MAKEUP, STUDY TIPS AND ALLDAYS FOR YOU ABOUT ME    *****    THE EVIL WITHIN| Harry Potter szerepjáték