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

Haladó leírások
Haladó leírások : Egy modulsávos oldal létrehozása

Egy modulsávos oldal létrehozása


Kattints a képre a nagyobb méretért

A kérdés az volt, hogyan kell létrehozni olyan G-Portál-os oldalt, ami összesen csak 1 középső modulból áll.

Nincs más dolgod, mint a Modulkezelőben minden jobb és bal oldali modulodat megszüntetni. Az-az, ne hozz létre modult jobb és bal oldalra!
A Stílus és felület pedig így vagy ehhez hasonlóan legyen beállítva, mint a lenti képeken. A fejlécről Te magad döntesz, hogy fogsz-e tenni az oldaladra vagy sem. A szerkeszthető fejlécet és láblécet kapcsold be, mert a menüket, fejlécet, stb ide tedd.
A lap alján megtalálható a CSS kód, ami ehhez a leíráshoz tartozik.

Kép arról, hogy nálam a Stílus és Felület hogy van beállítva

CSS kód

<style type="text/css">
td.menu {/*  menü modul háttere pl.  */
     background-color: transparent;
     font-family: Verdana;
     font-size: 13px;}
.site {
    width: 850px;}
td.sitecol {
    background-color: #F5F5F5;
     filter: alpha(opacity=90);
     -moz-opacity: 0.9;
     opacity: 0.9;
     -khtml-opacity: 0.9;
}
.sitetop {
    background-color: #F5F5F5;
    padding-top: 25px;
}
.sitebottom {
    background-color: #F5F5F5;
}
td.listheader {  /*  blognal a HOZZÁSZÓLÁSOK NEVE kinézete  */
    background-color: transparent;
    border: 0px solid #000000;
    font-family: Verdana;
    font-size: 13px;
    color: #c73637;
    text-shadow: 1px 1px 0px #ffffff;
    font-weight: bold;
    text-transform: none;
}
td.listheader3 { /*  pl. vendégkönyv fejléce  */
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #5a5a59;
    text-align: left;
    background-color: #f1ebb5;
    padding-top: 7px; /* keret és a szöveg közti távolság */
    padding-bottom: 4px; /* keret és a szöveg közti távolság */
    border: #e6d8ba 0px solid;
    font-weight: bold;
    text-shadow: 1px 1px 0px #ffffff;
}

.commenttext, td.list1, td.list2 { /*  sms hirdetodoboz 1. Pl.:vendegkonyv belseje, blog: mit szól hozzá kinézete, commenttext: blog hozzászólásának a kinézete  */
    background-color: transparent;
    font-family: Verdana;
    font-size: 13px;
    padding-left: 3px;
    text-align: justify;
    color: #5a5a59;
    border: 0px;
}
input, textarea { /*  pl. oké gomb.  */
    font-family: Verdana;
    font-size: 11px;
    color: #f2f1f1;
    border: 0px solid #f0eeee;
    background-color: #7ea028;
    padding: 2px;
}
td.modtitle { /* modulfejléc része */
    font-family: "Trebuchet MS";
    font-size: 18px;
    color: #f1ebb5;
    text-align: center;
    background-color: #aab964;
    padding-top: 7px; /* keret és a szöveg közti távolság */
    padding-bottom: 4px; /* keret és a szöveg közti távolság */
    border: #ecddc1 0px solid;
    font-weight: bold;
    text-transform: none;
    text-shadow: 0px 0px 0px #ffffff;
}
td.modbody { /*  modulban a szöveg elrendezése, modul háttere  */
    background-color: #ffffff;
    font-family: Verdana;
    font-size: 13px;
    color: #5a5a59;
    padding-left: 5px; /* keret és a szöveg közti távolság */
    padding-right: 5px;
    padding-bottom: 4px;
    border: #eae7e7 1px solid;
    line-height: 135%;
}
td.modbottom{  /*  modul alja  */
background: url();
}
.txtnormal { /*  hirek/cikkek tartalom  */
    background-color: transparent;
    font-family: Verdana;
    font-size: 13px;
    color: #5a5a59;
    line-height: 135%;
    padding: 4px;
    text-align: justify;
}
td.light { /*  pl.: témaindító hozzászólás dátum kinézete a fórumban  */
    background-color: transparent;
    font-family: Verdana;
    font-size: 11px;
    color: #5a5a59;
    font-style: normal;
    font-weight: normal;
}
img {
    border: 0px solid;}
img:hover {
    border: 0px solid;
}
a:link img, a:visited img {
    background-color: #ffffff;
    padding: 4px;
    border: 0px;
    box-shadow: #a3a3a3 1px 1px 2px;
    filter: alpha(opacity=100); /* Kép elhalványítása */
    opacity: 10; /* Kép elhalványítása */
}
a:hover img {
    cursor: default;
    background-color: #ffffff;
    padding: 4px;
    border: 0px;
    box-shadow: #a3a3a3 1px 1px 2px;
    filter: alpha(opacity=80); /* Kép elhalványítása */
    opacity: .8;
}
a:link, a:visited, a.menu:link, a.menu:visited {
    color: #000000;
    font-family: Verdana;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
}
a:hover, a.menu:hover {
    color: #88C88D;
    font-family: Verdana;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
}
table { /*  pl. egyszínu lesz a háttér a modulok alatt  */
    background-color: transparent;
    font-family: Verdana;
    font-size: 13px;
    color: #5a5a59;
}
.headerbg {
    background-color: transparent;
}
    
/*  BLOG  */
   
.txtbold {  /*  blog hozzászóló nevének kinézete v. az alcím kinézete  */
    background-color: transparent;
    font-family: Verdana;
    font-size: 12px;
    color: #fa8f02;
    text-shadow: #ffffff 1px 1px 0px;
    font-weight: bold;
    text-transform: none;
}
td.list3 { /*  pl. hirek/cikkek modul, fórum fejléce  */
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #627a26;
    text-align: center;
    background-color: #d0deac;
    padding-top: 0px; /* keret és a szöveg közti távolság */
    padding-bottom: 2px; /* keret és a szöveg közti távolság */
    font-weight: normal;
    border-top: 0px;
    width: 1px !important;
}
h2 {  /*  blog címének kinézete, hirek/cikkek fejléc betüstílusa  */
    font-family: "Trebuchet MS";
    font-size: 15px !important;
    font-weight: normal;
    text-align: center;
    color: #627a26;
    text-shadow: 0px 0px 0px #ffffff;
    background-color: #d0deac;
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    margin: 0px !important;
}
a:hover h2 {  /*  blog címének kinézete, ha ráviszed az egeret  */
    font-family: "Trebuchet MS";
    font-size: 15px !important;
    font-weight: normal;
    text-align: center;
    color: #627a26;
    text-shadow: 0px 0px 0px #ffffff;
    background-color: #d0deac;
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    margin: 0px !important;
}
body {
    background-attachment: fixed;
    cursor: default;
    font-family: Verdana;
    font-size: 13px;
    color: #5a5a59;
    margin-left: 0px;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    background-repeat: repeat;
    background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1261824791_22.jpg);
}
    
/*  DOLT, ALÁHÚZOTT, BOLD betustílusok  */
    
STRONG { /* vastag */
    COLOR: #000000;
    FONT-SIZE: 13px;
    FONT-FAMILY: Verdana;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: #b4b4b4 0px 0px 0px;
    font-style: normal;
}
U { /* aláhúzott */
    font-family: Verdana;
    font-size: 13px;
    color: #c42d39;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
}
EM { /* dőlt */
    COLOR: #BE9852;
    FONT-SIZE: 13px;
    FONT-FAMILY: Verdana;
    font-style: italic;
    font-weight: normal;
}
blockquote { /*idézetek*/
    background-color: #CBE221;
    font-family: Verdana;
    font-size: 13px;
    color: #000000;
    padding: 10px;
    -moz-border-radius: 1em 0em 1em 0em; /* firefox */
    -webkit-border-radius: 1em 0em 1em 0em; /* chrome */
    border-radius: 1em 0em 1em 0em; /* opera */
}

/* kijelölés */

::selection{
   background-color: #d6d5d5; /* A kijelölés háttérszíne */
   color: #000000; /* Szöveg színe */
}
::-moz-selection{ /* Mozilla Firefox */
   background-color: #d6d5d5; /* A kijelölés háttérszíne */
   color: #000000; /* Szöveg színe */
}
--></style>

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

Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    Gigágá! Márton napján is gyertek a Mesetárba! Nemcsak libát, de kacsát is kaptok! Játsszatok velünk!    *****    A Nintendo a Nintendo Music-kal megint valami kiváló dolgot hozott létre! Alaposan nagyító alá vettem, az eredmény itt.    *****    Leanderek, Parfümök, Olajok, és Szépségápolási termékek! Használd a LEVI10 kupont és kapj 10% kedvezményt!Megnyitottunk    *****    Megjelent a Nintendo saját gyártású órája, a Nintendo Sound Clock Alarmo! Ha kíváncsi vagy, mit tud, itt olvashatsz róla    *****    Megnyílt a webáruházunk! Parfümök, Szépségápolási termékek, Olajok mind egy helyen! Nyitási akciók, siess mert limitált!    *****    Az általam legjobbnak vélt sportanimék listája itt olvasható. Top 10 Sportanime az Anime Odyssey-n!    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Megnyílt a webáruházunk! NYITÁSI AKCIÓK! Tusfürdõ+Fogkrém+Sampon+Izzadásgátló+multifunkcionális balzsam most csak 4.490!    *****    Új mese a Mesetárban! Téged is vár, gyere bátran!    *****    Veterán anime rajongók egyik kedvence a Vadmacska kommandó. Retrospektív cikket olvashatsz róla az Anime Odyssey blogban    *****    Parfümök, Olajok, Párologtatók mind egy weboldalon! Siess mert nyitási AKCIÓNK nem sokáig tart! Nagy kedvezmények várnak    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Aki érdeklõdik a horoszkópja után, az nem kíváncsi, hanem intelligens. Rendeld meg most és én segítek az értelmezésben!    *****    A Múzsa, egy gruppi élményei a színfalak mögött + napi agymenések és bölcseletek    *****    KARATE OKTATÁS *** kicsiknek és nagyoknak *** Budapest I. II. XII.kerületekben +36 70 779-55-77    *****    Augusztus 26-án Kutyák Világnapja! Gyertek a Mesetárba, és ünnepeljétek kutyás színezõkkel! Vau-vau!    *****    A horoszkóp elemzésed utáni érdeklõdés, nem kíváncsiság hanem intelligencia. Rendeld meg és nem fogod megbánni. Katt!!!    *****    Cikksorozatba kezdtem a PlayStation történelmérõl. Miért indult nehezen a Sony karrierje a konzoliparban?