A designek használati utasítása:
A stilus mindenképpen mesztelen legyen ,különben nem mutat jól a design.
Logo igazitása középre legyen,a fejléc minimun magassága 0 legyen.oldal
 szélessége 1000pixel,oldal igazítása középre legyen.


OSZI design(zöld)  css kódja:(ezt a kódot egy egyszerü modulba tedd jobb vagy bal oldalra)Ez a kód a teljes kinézetet változtassa meg.


<style type="text/css">
body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
background-image: url(http://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1489419736_69.jpg);
background-repeat: no-repeat, repeat;
background-position: center top, center top;
background-color: #90A62A;
}
 
.site {
width: 1200px;
margin: 0 auto;
}
 
.header {
height: 410px;
}
 
::selection {
background-color: #D1E188;
color: #4D5816;
}
 
::-moz-selection {
background-color: #D1E188;
color: #4D5816;
}
 
::-webkit-scrollbar-thumb {
background-color: #D1E188;
border: 5px solid #90A62A;
}
 
::-webkit-scrollbar {
width: 15px;
background-color: #D1E188;
border: 8px solid #90A62A;
}
 
td.sitecol {
background-color: transparent;
}
 
td.sitecol:nth-child(1) {
background: #D1E188;
}
 
td.sitecol:nth-child(2) {
background-color: #D1E188;
}
 
.column_side {
width: 330px;
background-color: #D1E188;
}
 
.column_side td.modtitle {
background-color: #D1E188;
color: #4D5816;
 border-right: #4D5816 4px double; 
 border-top: #4D5816 4px double; 
 border-left: #4D5816 4px double; 
 border-bottom: #4D5816 0px double;
padding: 12px;
font-family: Stalemate ;
font-style: italic !important;
font-weight: bold !important;
font-size: 22px;
text-transform:;
text-align: center;
letter-spacing: -1px;
text-shadow: 0px 0px 0px #000000;
}
 
.column_side td.modbody {
background-color: #D1E188;
color: #000000;
border-right: #4D5816 4px double; 
 border-top: #4D5816 0px double; 
 border-left: #4D5816 4px double; 
 border-bottom: #4D5816 4px double;
padding: 12px;
line-height: 19px;
text-align: justify;
font-family: Stalemate ;
font-size: 13px;
}
 
.column_main {
background-color: #FFFFFF;
}
 
.column_main td.modtitle {
background-color: #FFFFFF;
color: #000000;
padding: 15px;
font-family: Stalemate ;
font-style: italic !important;
font-weight: bold !important;
font-size: 20px;
text-transform: ;
text-align: center;
letter-spacing: -1px;
}
 
.column_main td.modbody {
background-color: #fFFFFF;
color: #000000;
padding: 15px;
line-height: 19px;
text-align: justify;
font-family: Stalemate ;
font-size: 13px;
}
 
h2 {
font-family: Arial;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 14px !important;
text-transform: uppercase;
color: #000000;
padding-bottom: 5px;
line-height: 20px !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5 linear;
}
 
a:hover h2 {
font-family: Arial;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 14px !important;
text-transform: uppercase;
color: #4D5816;
padding-bottom: 5px;
line-height: 20px !important;
}
 
.txtmini {
font-weight: normal !important;
font-style: italic !important;
background-color: #4D5816;/proba/
color: #FFFFFF;
width: 180px;
float: right;
padding: 3px;
font-size: 10pt;
text-align: center;
margin-bottom: 10px;
font-style: normal !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5 linear;
}
 
.txtbold {
background-color: transparent;
font-size: 13px !important;
color: #000000;
text-align: center;
font-weight: normal !important;
font-style: italic;
}
 
.blogtags {
font-size: 0px !important;
text-align: left;
position: absolute;
margin-bottom: 5px !important;
}
 
.blogtags a:link, .blogtags a:visited {
font-size: 13px !important;
margin-bottom: 10px;
font-weight: normal;
font-style: normal;
color: #000000 !important;
text-transform: uppercase;
background-color: #4D5816;
padding: 4px;
margin: 3px;
}
 
.blogtags a:hover, .blogtags a:active {
font-size: 13px !important;
margin-bottom: 10px;
font-weight: normal;
font-style: normal;
color: #000000 !important;
text-transform: uppercase;
background-color: #ffffff;
padding: 4px;
margin: 3px;
}
 
.blogmorelink {
margin: 0 auto !important;
text-align: center;
margin-bottom: 10px !important;
}
 
.blogmorelink a:link, .blogmorelink a:visited {
padding: 4px;
color: #000000;
font-style: Stalemate ;
font-size: 12px;
background-color: #ffffff;
border: 0px solid #ffff00;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5 linear;
}
 
.blogmorelink a:hover, .blogmorelink a:active {
padding: 4px;
color: #000000;
font-style: Stalemate ;
font-size: 12px;
background-color: #ffffff;
border: 0px solid #562249;
}
 
div[id*="commentContainer"] td.list1 {
background: transparent;
color: #000000;
font-family: Stalemate ;
font-size: 13px;
text-shadow: 0px;
}
 
div[id*="commentContainer"] td.list2 {
background: transparent;
color: #4D5816;
font-family: Stalemate ;
font-size: 13px;
text-shadow: 0px;
}
 
div[id*="commentContainer"] .txtbold {
color: #000000;
font-family: Stalemate ;
font-size: 12px;
font-style: italic;
font-weight: normal;
}
 
.commenttext {
font-family: Stalemate ;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #231CB7;
line-height: 19px;
text-align: justify;
}
 
.commenttext p {
font-family: Stalemate ;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #000000;
line-height: 19px;
text-align: justify;
}
 
.txtnormal {
font-family: Stalemate ;
font-size: 13px;
line-height: 19px;
text-align: justify;
color: #000000;
}
 
table, tr, td {
background-color: transparent;
}
 
td.list1 {
background-color: transparent !important;
}
 
td.list1 a:link, td.list1 a:visited {
text-transform: uppercase !important;
font-size: 13px !important;
font-weight: normal !important;
}
 
td.list1 a:hover, td.list1 a:active {
text-transform: uppercase !important;
font-size: 13px !important;
font-weight: normal !important;
}
 
td.listheader {
font-family: Stalemate ;
font-style: italic;
background-color: transparent !important;
font-size: 18px;
font-weight: normal;
color: #000000;
}
 
input {
contour: 0px;
border: 0px solid #D1E188;
padding: 3px;
font-size: 13px;
font-style: italic;
background-color: #ffffff !important;
color: #000000;
text-shadow: 0px 0px #9f941f;
font-family: Stalemate ;
}
 
table {
color: #000000;
text-align: justify;
font-family:Stalemate ;
font-size: 13px;
line-height: 19px;
}
 
b, strong {
font-family: Stalemate ;
color: #000000;
}
 
em {
font-family: Stalemate ;
font-style: italic;
background-color: #D1E188;
color: #000000;
}
 
u {
font-family: Stalemate ;
text-decoration: none !important;
color: #000000;
border-bottom: 0px solid #c8be28;
}
 
a:link, a:visited {
text-decoration: none !important;
color: #000000;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5 linear;
}
 
a:hover, a:active {
text-decoration: none !important;
color: #000000;
}
 
.column_side a:link img { /* linkelt kép */
padding: 2px;
border: 0px solid #6b3963;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
}
 

}</style>
<style type="text/css">
td.listheader3 { /* VK fejélce */
    background-color: #D1E188;
    border-left: 0px double #009933;
    border-right: 0px double #009933;
    border-top: 0px double #009933;
    font-family:Stalemate ;
    font-size: 13px;
    color: #ffffff;
}
td.list1 { /* VK tartalma */
    background-color: #FBEEC6;
    border-left: 1px solid #D1E188;
    border-right: 1px solid #D1E188;
    border-top: 1px solid #D1E188 ;
    border-bottom: 1px solid #D1E188 ;
        font-family: Stalemate ;
    font-size: 13px;
    color: #000000;
}</style>
<style type="text/css">
input {
     background-color: #90A62A;
     font-family: Stalemate ;
     font-size: 13px;
     color: #000000;
     border-left: 0px double #4D5816;
     border-right: 0px double #4D5816;
     border-top: 0px double #4D5816;
     border-bottom: 0px double #4D5816;}
--></style>

OSZI design (zöld) blog css kódja: 

<style type="text/css">
div[id*="post"] { /* az egész blog modul egyben */
padding: 15px !important;
margin-bottom: 40px !important; /* ennyivel dobja el egymás alatt a bejegyzéseket */
margin-top: 0px !important;
color: #000000;
font-size: 14px;
line-height: 16px;
text-align: justify;
background-color: #ffffff;
border: 4px double #4D5816;
}
table[module_id*="36883089"] /* a blog modulnál nincsen modulfejléc */
.modtitle {
display:none;
}
table[module_id*="36883089"] /* a blog modul alatt nincsen modulháttér */
.modbody {
background-color: transparent;
}
--></style>

OSZI Design (zöld)blognál a lapozok css kódja:
<style type="text/css">
.pager {
background-color: #D1E188;
padding: 20px;
}
 
.pager a {
background-color: #90A62A;
color: #000000;
font-size: 14px;
}
 
.pager a:hover {
background-color: #ffffff;
color: #000000;
font-size: 14px;
}  
 
.pager_first {
background-color: #fFFFFF;
color: #000000;
font-size: 14px;
font-style: normal;
padding: 10px;
border: 0px solid #000000; 
}
 
.pager_prev {
background-color: #FFFFFF;
color: #000000;
font-size: 14px;
font-style: normal;
padding: 10px;
border: 0px solid #000000; 
}
 
.pager_next {
background-color: #FFFFFF;
color: #000000;
font-size: 14px;
font-style: normal;
padding: 10px;
border: 0px solid #000000; 
}
 
.pager_last {
background-color: #FFFFFF;
color: #000000;
font-size: 14px;
font-style: normal;
padding: 10px;
border: 0px solid #000000; 
}
 
.topofpage {
background-color: #FFFFFF;
color: #000000;
font-size: 14px;
font-style: normal;
margin-top: 28px !important;
margin-right: 20px !important;
} 
 
.topofpage a {
background-color: #FFFFFF;
color: #000000;
font-size: 14px;
border: 0px solid #000000; 
padding: 10px;
}
 
.topofpage a:hover {
background-color: #90A62A;
color: #000000;
font-size: 14px;
padding: 10px;
}</style>


OSZI Design (zöld)fejléces kódja:


<center>
	<div style="background-color: #F0F0F0; padding: 10px; border-top: 5px solid #685352; border-bottom: 5px solid #685352;">
		<center>
			<b>Oldalad címe / <script language=JavaScript>
function initArray() {
  this.length = initArray.arguments.length
  for (var i = 0; i < this.length; i++)
  this[i+1] = initArray.arguments[i];
}
 
function havinev(ev, ho, nap) {
if (ho==1)
  { var napok = new initArray("Újév, Fruzsina", "Ábel", "Genovéva, Benjámin", "Titusz, Leona",
    "Simon", "Boldizsár", "Attila, Ramóna", "Gyöngyvér", "Marcell",
    "Melánia", "Ágota", "Erno", "Veronika", "Bódog", "Lóránt, Loránd",
    "Gusztáv", "Antal, Antónia", "Piroska", "Sára, Márió", "Fábián, Sebestyén",
    "Ágnes", "Vince, Artúr", "Zelma, Rajmund", "Timót", "Pál", "Vanda, Paula",
    "Angelika", "Károly, Karola", "Adél", "Martina, Gerda", "Marcella", "Ignác") }
if (ho==2)
  if ((ev!=2000) && (ev!=2004) && ev!=1996)
    { var napok=new initArray("Ignác", "Karolina, Aida", "Balázs", "Ráhel, Csenge", "Ágota, Ingrid",
    "Dorottya, Dóra", "Tódor, Rómeó", "Aranka", "Abigél, Alex", "Elvira",
    "Bertold, Marietta", "Lívia, Lídia", "Ella, Linda", "Bálint, Valentin",
    "Kolos, Georgina", "Julianna, Lilla", "Donát", "Bernadett", "Zsuzsanna",
    "Aladár, Álmos", "Eleonóra", "Gerzson", "Alfréd",
    "Mátyás", "Géza", "Edina", "Ákos, Bátor", "Elemér", "Albin")  }
     else
    { var napok=new initArray("Ignác", "Karolina, Aida", "Balázs", "Ráhel, Csenge", "Ágota, Ingrid",
    "Dorottya, Dóra", "Tódor, Rómeó", "Aranka", "Abigél, Alex", "Elvira",
    "Bertold, Marietta", "Lívia, Lídia", "Ella, Linda", "Bálint, Valentin",
    "Kolos, Georgina", "Julianna, Lilla", "Donát", "Bernadett", "Zsuzsanna",
    "Aladár, Álmos", "Eleonóra", "Gerzson", "Alfréd",
    "Szokonap", "Mátyás", "Géza", "Edina", "Ákos, Bátor", "Elemér", "Albin") }
if (ho==3)
  { var napok=new initArray("Albin", "Lujza", "Kornélia", "Kázmér", "Adorján, Adrián", "Leonóra, Inez",
    "Tamás", "Nemz.Nonap, Zoltán", "Franciska, Fanni", "Ildikó", "Szilárd",
    "Gergely", "Krisztián, Ajtony", "Matild", "Nemzeti Ünnep, Kristóf",
    "Henrietta", "Gertrúd, Patrik", "Sándor, Ede", "József, Bánk", "Klaudia",
    "Benedek", "Beáta, Izolda", "Emoke", "Gábor, Karina", "Irén, Irisz",
    "Emánuel", "Hajnalka", "Gedeon, Johanna", "Auguszta", "Zalán", "Árpád", "Hugó") }
if (ho==4)
  { var napok=new initArray("Hugó", "Áron", "Buda, Richárd", "Izidor", "Vince", "Vilmos, Bíborka",
    "Herman", "Dénes", "Erhard", "Zsolt", "Leó, Szaniszló", "Gyula", "Ida",
    "Tibor", "Anasztázia, Tas", "Csongor", "Rudolf", "Andrea, Ilma", "Emma",
    "Tivadar", "Konrád", "Csilla, Noémi", "Béla", "György", "Márk", "Ervin",
    "Zita", "Valéria", "Péter", "Katalin, Kitti", "Munka Ünnepe, Fülöp, Jakab")}
if (ho==5)
  { var napok=new initArray("Munka Ünnepe , Fülöp, Jakab", "Zsigmond", "Tímea, Irma", "Mónika, Flórián",
    "Györgyi", "Ivett, Frida", "Gizella", "Mihály", "Gergely", "Ármin, Pálma",
    "Ferenc", "Pongrác", "Szervác, Imola", "Bonifác", "Zsófia, Szonja",
    "Mózes, Botond", "Paszkál", "Erik, Alexandra", "Ivó, Milán",
    "Bernát, Felícia", "Konstantin", "Júlia, Rita", "Dezso", "Eszter, Eliza",
    "Orbán", "Fülöp, Evelin", "Hella", "Emil, Csanád", "Magdolna",
    "Janka, Zsanett", "Angéla, Petronella", "Tünde")}
if (ho==6)
  { var napok=new initArray("Tünde", "Kármen, Anita", "Klotild", "Bulcsú", "Fatime", "Norbert, Cintia",
    "Róbert", "Medárd", "Félix", "Margit, Gréta", "Barnabás", "Villo",
    "Antal, Anett", "Vazul", "Jolán, Vid", "Jusztin", "Laura, Alida",
    "Arnold, Levente", "Gyárfás", "Rafael", "Alajos, Leila", "Paulina",
    "Zoltán", "Iván", "Vilmos", "János, Pál", "László", "Levente, Irén",
    "Péter, Pál", "Pál", "Tihamér") }
if (ho==7)
  { var napok=new initArray("Tihamér, Annamária", "Ottó", "Kornél, Soma", "Ulrik", "Emese, Sarolta",
    "Csaba", "Appolónia", "Ellák", "Lukrécia", "Amália", "Nóra, Lili",
    "Izabella, Dalma", "Jeno", "Ors, Stella", "Henrik, Roland", "Valter",
    "Endre, Elek", "Frigyes", "Emília", "Illés", "Dániel, Daniella",
    "Magdolna", "Lenke", "Kinga, Kincso", "Kristóf, Jakab", "Anna, Anikó",
    "Olga, Liliána", "Szabolcs", "Márta, Flóra", "Judit, Xénia", "Oszkár", "Boglárka")}
if (ho==8)
  { var napok=new initArray("Boglárka", "Lehel", "Hermina", "Domonkos, Dominika", "Krisztina",
    "Berta, Bettina", "Ibolya", "László", "Emod", "Lörinc",
    "Zsuzsanna, Tiborc", "Klára", "Ipoly", "Marcell", "Mária", "Ábrahám",
    "Jácint", "Ilona", "Huba", "Alkotmány Ünnepe, István", "Sámuel, Hajna",
    "Menyhért, Mirjam", "Bence", "Bertalan", "Lajos, Patrícia", "Izsó",
    "Gáspár", "Ágoston", "Beatrix, Erna", "Rózsa", "Erika, Bella", "Egyed, Egon")}
if (ho==9)
  { var napok= new initArray("Egyed, Egon", "Rebeka, Dorina", "Hilda", "Rozália", "Viktor, Lorinc",
    "Zakariás", "Regina", "Mária, Adrienn", "Ádám", "Nikolett, Hunor",
    "Teodóra", "Mária", "Kornél", "Szeréna, Roxána", "Eniko, Melitta", "Edit",
    "Zsófia", "Diána", "Vilhelmina", "Friderika", "Máté, Mirella", "Móric",
    "Tekla", "Gellért, Mercédesz", "Eufrozina, Kende", "Jusztina", "Adalbert",
    "Vencel", "Mihály", "Jeromos", "Malvin")}
if (ho==10)
  { var napok= new initArray("Malvin", "Petra", "Helga", "Ferenc", "Aurél", "Brúnó, Renáta", "Amália",
    "Koppány", "Dénes", "Gedeon", "Brigitta", "Miksa", "Kálmán, Ede", "Helén",
    "Teréz", "Gál", "Hedvig", "Lukács", "Nándor", "Vendel", "Orsolya", "Elod",
    "Köztársaság kikiált., Gyöngyi", "Salamon", "Blanka, Bianka", "Dömötör",
    "Szabina", "Simon, Szimonetta", "Nárcisz", "Alfonz", "Farkas", "Marianna")}
if (ho==11)
  { var napok=new initArray("Marianna", "Achilles", "Gyozo", "Károly", "Imre", "Lénárd", "Rezso",
    "Zsombor", "Tivadar", "Réka", "Márton", "Jónás, Renátó", "Szilvia",
    "Aliz", "Albert, Lipót", "Ödön", "Hortenzia, Gergo", "Jeno", "Erzsébet",
    "Jolán", "Olivér", "Cecília", "Kelemen, Klementina", "Emma", "Katalin",
    "Virág", "Virgil", "Stefánia", "Taksony", "András, Andor", "Elza")}
if (ho==12)
  { var napok=new initArray("Elza", "Melinda, Vivien", "Ferenc, Olívia", "Borbála, Barbara", "Vilma",
    "Miklós", "Ambrus", "Mária", "Natália", "Judit", "Árpád", "Gabriella",
    "Luca, Otília", "Szilárda", "Valér", "Etelka, Aletta", "Lázár, Olimpia",
    "Auguszta", "Viola", "Teofil", "Tamás", "Zéno", "Viktória", "Ádám, Éva",
    "Karácsony, Eugénia", "Karácsony, István", "János", "Kamilla",
    "Tamás, Tamara", "Dávid", "Szilveszter", "Újév, Fruzsina")}
return napok[nap];
}
 
function honev(ho) {
var month = new initArray("Január", "Február", "Március", "Április", "Május", "Június", "Július", "Augusztus", "Szeptember", "Október", "November", "December");
return month[ho];
}
 
function napnev(szam) {
var napok = new initArray("Vasárnap", "Hétfo", "Kedd", "Szerda", "Csütörtök", "Péntek", "Szombat", "Vasárnap")
return napok[szam];
}
 
var ido = new Date()
  var ev = ido.getYear()
if (ev<2000) ev=ev+1900
  var ho = ido.getMonth()+1
  var nap = ido.getDate()
 
document.writeln('<font color="#000000" face="ms sans serif, arial, verdana" size="2"><b>' + ev + '. ' + honev(ho) + ' ' + nap + '. ' + napnev(ido.getDay()+1) + ', Ma <font color="#ff0000"> ' + havinev(ev, ho, nap) + '</font>, holnap<font color="#ff0000"> ' + havinev(ev,ho, nap+1) + '</font> ünnepli a névnapját.</b></font>')
</script>/ <!-- COUNTER: BEGIN --><a href="http://www.blogutils.net/" id="lnolt_" style="font-family:Comic Sans MS;text-decoration:none;" target="_blank"> <script language='JavaScript' src='http://blogutils.net/olct/online.php?site=mancsklub.gportal.hu&interval=600'></script></a><a href="http://blogutils.net/olct/en/" style="font-family:Comic Sans MS;text-decoration:none;" target="_blank"> <b>látogató</b></a><b> <!-- COUNTER: END -->/ <script language="JavaScript"> 
function tS(){ x=new Date(); x.setTime(x.getTime()); return x; }
function lZ(x){ return (x>9)?x:'0'+x; }
function dT(){ if(fr==0){ fr=1; document.write('<font size=2 face=Georgia color=#000000 ><b><span id="tP">'+eval(oT)+'</center></span></b></font>'); }
document.getElementById('tP').innerHTML=eval(oT); setTimeout('dT()',1000); }
var fr=0,oT="' '+lZ(tS().getHours())+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())+' '";
</script><script language="JavaScript">dT();</script></b></b></center>
	</div>
</center>





Köszönöm szépen ,hogy a munkámat választottad!