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.
 

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!    *****    Minimálbér és a garantált bérminimum összege 2019-ben    *****    Lépj be a lovak világába! Nevelj, versenyezz, szórakozz! Virtuális lónevelde, szerepjáték, olvasó sarok!    *****    Részletes születési horoszkóp, ajándék 3 év elõrejelzés, ingyenes konzultáció,tájékoztatás az oldalon! Rendeld meg most!    *****    A Világon egyetlen messengeren nézhetõ filmes oldal! NÉZZ FILMET FACEBOOK MESSENGEREN! Csatlakozz hozzánk!    *****    Outsider - Gay - Creative - Rebel - Tolerant - Furry - Brony - Hipster - Gamer - Otherkin - Geek - Autistic    *****    Ayang - Avagy milyen is a világ az én szememmel    *****    KÉRDÕASZTROLÓGIA OKTATÁS AZT ALAPOKTÓL, SAJÁT TANULÁSI TEMPÓD SZERINT - CSAK ITT!    *****    Konyhatündér blog! Egészséges, gyorsan elkészíthetõ ételek. Recept blog    *****    Konyhatündér    *****    Nokedli lapja **** Családi magazin **** Minden ami érdekelhet 18-89 éves korodig ****    *****    Nokedli-lapja *** °_|_° *** Családi magazin *** --*** Mindenrõl olvashat itt ami érdekes lehet 18-98 évesig!! ******___******