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 : Középső modulnak egyedi modulstílus táblázat nélkül

Középső modulnak egyedi modulstílus táblázat nélkül



Kattints a képre a teljes mérethez!

Ez a CSS kód csak a középső modulokra hat! Mindent meglehet benne változtatni, mint eddig. Lehet a linkeffekt, képeffekt, modul színe, szöveg színe is teljesen más, mint a szélső modulokban. A jobb és bal oldali modulokra ez a kód nem jó. A szélső modulokra készült CSS kódokat itt találjátok:

Az egyedi modulstílus készítéséről itt, a három részre vágásról pedig itt olvashattok.
Ha meg van a három rész a modulstílusból (fejléc, tartalom, lábléc) akkor töltsd fel egy képtárba a G-Portálon a képeket vagy egy olyan tárhelyre, ami neked szimpatikus. A három kép url címét pedig a CSS kódban a megfelelő url címnél le kell cserélni. Ez egyértelműen kitűnik a kódban.

CSS kód leírása

Itt tudod azt beállítani, hogy a középső modul például a lap tetejétől mennyivel lejjebb helyezkedjen el.

.column_main{
     padding-left: 20px;
     padding-top: 320px;}

Ebben a kódrészben a modulfejlécet tudod állítani. Itt adod meg a modulfejléc képed hátterét a modulnak.
A fejléc képet kellene beilleszteni a kódban az URL címben a zárójelek közé. A width és height értékeket is töltsd ki a biztonság kedvéért. A width a modulfejléc képed szélessége, a height pedig a magassága. A padding-nál tudod beállítani a modulcímek helyzetét.

.column_main td.modtitle {
     font-family: tahoma;
     text-align: left;
     font-size: 11px;
     letter-spacing: 2px;
     color: #ffffff;
     padding: 0 0 115px 70px;
     text-transform: uppercase;
     background-color: transparent;
     background-image: url(ide jön a modulfejléc képének az url címe);
     background-repeat: no-repeat;
     width: 620px;
     height: 248px;}

A következő kódrész a modbody. Itt kell beilleszteni a modulhátteredet.
A következő a tartalmi rész. Ide jön a háttér képed, ahova a tartalmat írod majd. Itt is cseréld az URL címet. A padding beállítással tudod azt állítani, hogy a tartalom mennyivel dobódjon el befelé a háttér szélétől. Itt igazából ennyi. Persze a tartalom kinézetét is megváltoztathatod benne, ha ez nem megy a te modulodhoz.

.column_main td.modbody {
     background-color: transparent;
     background-image: url(ide jön a modulháttér képének az url címe);
     background-repeat: repeat-y;
     font-family: book antiqua;
     font-size: 16px;
     color: #7A7A7A;
     line-height: 18px;
     text-align: justify;
     padding: 5px 10px 5px 10px;}

Végezetül pedig a modbottom. Itt kell a modul-lábléc url-jét megadni.
Írd át az URL címet és a lábléced szélességét és magasságát is add meg.

.column_main td.modbottom {
     background-color: transparent;
     background-image: url(ide jön a modullábléc képének az url címe);
     background-repeat: no-repeat;
     font-family: book antiqua;
     font-size: 16px;
     color: #7A7A7A;
     line-height: 18px;
     text-align: justify;
     width: 620px;
     height: 218px;}

Minden más beállítás a középső modulhoz itt található. Gondolok itt a linkeffektre, képeffektre, stb.
Középső modul teljes átalakítása CSS-sel

 

CSS kód

<style type="text/css">

/* középső */

.column_main{
     padding-left: 20px;
     padding-top: 320px;
}

.column_main td.modtitle {
     font-family: tahoma;
     text-align: left;
     font-size: 11px;
     letter-spacing: 2px;
     color: #ffffff;
     padding: 0 0 115px 70px;
     text-transform: uppercase;
     background-color: transparent;
     background-image: url(ide jön a modulfejléc képének az url címe);
     background-repeat: no-repeat;
     width: 620px;
     height: 248px;
}

.column_main td.modbody {
     background-color: transparent;
     background-image: url(ide jön a modulháttér képének az url címe);
     background-repeat: repeat-y;
     font-family: book antiqua;
     font-size: 16px;
     color: #7A7A7A;
     line-height: 18px;
     text-align: justify;
     padding: 5px 10px 5px 10px;
}

.column_main td.modbottom {
     background-color: transparent;
     background-image: url(ide jön a modullábléc képének az url címe);
     background-repeat: no-repeat;
     font-family: book antiqua;
     font-size: 16px;
     color: #7A7A7A;
     line-height: 18px;
     text-align: justify;
     width: 620px;
     height: 218px;
}
-->
</style>

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

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    *****    Kellemes Karácsonyi Ünnepet és Békés, Boldog Új Esztendõt Kívánok minden Kedves látogatómnak!    *****    Kellemes Ünnepeket kíván Neked is a Zara Larsson Magyarország! - Kellemes Ünnepeket kíván Neked is a Zara Larsson HU!