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(http://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(http://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.
 

Megjelent a The Sims 4 legújabb kiegészítõje, a Laundry Stuff Pack. Vajon megéri megvenni? Derítsd ki Te magad!    *****    Állatok - Könyvek - Zene - HobbiZoona Blog - Állatok - Könyvek - Zene - HobbiZoona Blog - Állatok - Könyvek - Zene -Katt    *****    Lépj be a lovak csodálatos világába! Nevelj te is nálunk! KATT KATT KATT KATT    *****    Nem lehet saját lovad? Nevelj virtuálisan ITT! Nevelj, versenyezz, licitálj szebbnél szebb lovakra!    *****    -Portálépítés és portáldíszítés kezdõknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Naptár,Design!-    *****    The Resident - A kórházi drámasorozat január 21-én indul Matt Czuchry és Emily VanCamp fõszereplésével! Nézzetek be!    *****    Mindenféle kérdésedre õszinte választ kaphatsz a valódi Kérdõasztrológia segítségével.    *****    Részletes személyiség és sors analízis / születési horoszkóp / ajándék 3 év elõrejelzéssel. Most érdemes ide látogatni!!    *****    Ha diplomás asztrológust keresel, aki BECSÜLET KASSZÁS alapon ad tanácsot és INGYEN OKTAT, akkor keress bizalommal!    *****    A BIOTÉRKÉP AZ IGAZI KARMA! MEGMUTATJA PONTOSAN,MILYEN FELADATTAL SZÜLETTÉL.EGY PRÓBÁT MEGÉR. SOK SEGÍTSÉG MINDEN NAP!!!    *****    Megnyitott a madárvendéglõ! Gyertek vendégségbe ti is Mályvához és Pipitérhez! Irány a Mesetár!    *****    Megnyitottam cikkes, véleményes blogomat! Sok-sok érdekes bejegyzéssel várlak naponta, ne hagyd ki! - Alice    *****    Sztárokról és idolokról írok,ajánlókat hozok,tippeket és tageket osztok meg veletek!Nézz be egy blogkóros lány oldalára!    *****    Az igazi karma a horoszkópodban a Felszálló holdcsomópont,a Chiron,a Lilith (Fekete Hold),Rendeld meg most!Várlak, katt!    *****    családi adókedvezmény 2018 nyomtatvány letöltés, feltételek tudnivalók    *****    Rendelj születési horoszkópot és 3 év elõrejelzés ajándékba a tiéd. Ne feledd a horoszkóp a lélek tükre,bele kell nézni!    *****    családi pótlék utalás 2018 - csp utalás - utalás idõpontja 2018 - családi pótlék kifizetések !    *****    Ismerd meg az Olicity párost! Minden a Zöld Íjász címû sikersorozat imádott szerelmespárjáról! Mindennap friss!    *****    SZEREPJÁTÉK! Ha aktív oldalon szeretnél játszani, nézz be és légy része egy egyedi történetnek! Csatlakozz!    *****    Karácsonyi képekkel vár a Mesetár! Kukkants be a két nyuszihoz és Miska macskához! Boldog ünnepeket kíván: Nyuszi Mama