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>
|