TAVASZI DESIGN(zöld)

A designek használati utasítása: A stilus itt 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. Itt ide kell feltölteni a fejlécet,(amit célszeru menteni sajátgépre és 
onnan feltölteni a logó fájl-hoz. A fejléc URL CÍME: : A kódban van :) 

CSS KÓD:

<style type="text/css">
body {
    háttér: url(//virag5.gportal.hu/portal/virag5/image/gallery/1644846025.jpg), 
url(//virag5.gportal.hu/portal/virag5/image/gallery/1644841252.jpg), #FDE88B ; háttér-pozíció: középen felül, középen; 
    háttér-ismétlés: nincs ismétlés, ismétlés-y;
    background-attachment: fix;
    kurzor: alapértelmezett;
    font-család: Arial;
    betűméret: 14 képpont;
    szín: #000000;
    túlcsordulás: -moz-scrollbars-vertical;
    túlcsordulás-x: rejtett;
}
 
.site { /* oldal */
    szélesség: 1000px;
}
td.sitecol { /* modulok alatt a háttér */
    háttérszín: átlátszó ;
}
td.listheader{ /* blog plusz friss bejegyzések fejléce */
    háttérszín: #FFFF99;
    keret: 0px;
    betűméret: 14 képpont;
    szín: #000000;
    betűsúly: félkövér;
    szöveg-átalakítás: nincs;
    padding: 3px;
    szöveg igazítása: balra;
    text-shadow: 0px 0px 0px #ffffff;
} 
 
/* szélso modul */
 
.column_side {
    háttérszín: átlátszó !fontos;
    margó felső: 290 képpont;
    szélesség: 370 képpont;
}
.column_side_td .module .modtitle {
    font-család: Trebuchet MS;
    szöveg igazítása: középre;
    betűméret: 14 képpont;
    szín: #000000;
    betűköz: 2px;
    text-transform:normal;
    háttér: url(//virag5.gportal.hu/portal/virag5/image/gallery/1644842283.jpg);
    háttér-pozíció: bal felső;
    magasság: 200 képpont;
    párnázott felső: 145 képpont;
    border-top: 1px tömör #FFFFFF;
    border-left: 1px tömör #FFFFFF;
    border-right: 1px tömör #FFFFFF;
}
.column_side_td .module .modbody {
    háttér: #FFFFFF;
    font-család: Arial;
    betűméret: 14 képpont;
    szín: #000000;
    vonalmagasság: 20 képpont;
    text-align: justify;
    padding: 10px;
    border-left: 1px tömör #FFFFFF;
    border-right: 1px tömör #FFFFFF;
    keret-alsó: 10 képpont tömör #A0BC82;
}
.column_side_td .module .modbottom{
    padding-bottom: 10px;
}
.column_side a:link, .column_side a:visited {
    szín: #000000;
    szöveg-dekoráció: nincs;
    text-shadow: nincs !fontos;
}
.column_side a:hover {
    szöveg-dekoráció: normál;
    kurzor: alapértelmezett;
}
/* DOLT, ALÁHÚZOTT, VASTAG betutípusok */
 
.column_side STRONG, .column_side B { /*vastag */
    szín: #AE003D;
    betűsúly: félkövér;
}
.column_side U { /* aláhúzott */
    szín: #990100;
    szöveg-dekoráció: nincs;
    border-bottom: 0px pontozott #ffffff;
    text-shadow: nincs !fontos;
}
.column_side EM, .column_side I { /* dolt */
    szín: #000000;
    text-shadow: nincs !fontos;
}
 
/* középso modul */
 
.column_main_td .module {
   margó felső: 290 képpont;
}
 
.column_main_td .module .modtitle {
    font-család: Trebuchet MS;
    szöveg igazítása: középre;
    betűméret: 12 képpont;
    szín: #000000;
    betűköz: 2px;
    text-transform:normal;
    háttér: url(//virag5.gportal.hu/portal/virag5/image/gallery/1644841308.jpg);
    háttér-pozíció: bal középső;
    magasság: 200 képpont;
    párnázott felső: 145 képpont;
    border-top: 1px tömör #FFFFFF;
    border-left: 1px tömör #FFFFFF;
    border-right: 1px tömör #FFFFFF;
}
.column_main_td .module .modbody{
    font-család: Arial;
    háttérszín: #FFFFFF;
    szín: #000000;
    betűméret: 13 képpont;
    vonalmagasság: 20 képpont;
    text-align: justify;
    padding: 10px;
    border-left: 1px tömör #FFFFFF;
    border-right: 1px tömör #FFFFFF;
    keret-alsó: 10 képpont tömör #A0BC82;
}
td.listheader3 {
    font-család: Arial;
    betűsúly: félkövér;
    szöveg igazítása: balra;
    betűméret: 13 képpont;
    szín: #000000;
    szöveg-átalakítás: nagybetűk;
    padding: 5px;
    háttérszín: #FFFFFF;
 
}
 
.commenttext { /* hozzászólások kinézete */    
   font-család: Arial;  
   betűméret: 13 képpont;  
   szín: #000000; 
   vonalmagasság: 21 képpont;
}
 
td.modbody, td.list1, td.list2, .txtnormal, .txtbold, .txtmini{
    font-család: Arial;
    háttérszín: átlátszó;
    szín: #000000;
    betűméret: 13 képpont;
    vonalmagasság: 20 képpont;
    text-align: justify;
    padding: 10px;
}
 
img, img:hover {
    keret: 0px tömör;
}
a:link img, a:visited img {
    keret: 0px tömör #990100;
    szűrő: alfa(átlátszatlanság=80);
    átlátszatlanság: 0,8;
}
a:hover img {
    kurzor: alapértelmezett;
    keret: 0px tömör #000000;
    szűrő: alfa(átlátszatlanság=100);
    átlátszatlanság: 10;
}
a:link, a:látogatott, a.menu:link, a.menu:látogatott {
    szín: #000000;
    szöveg-dekoráció: nincs;
}
a:hover, a.menu:hover {
    szín: #000000;
    kurzor: alapértelmezett;
    szöveg-dekoráció: nincs;
}
táblázat, td.menu, .headerbg, td, tr { /* pl. egyszínu lesz a háttér a modulok alatt */
    háttérszín: átlátszó;
}
td.list3 { /* hírek/cikkek szerzo, dátum a cím mellett */
    háttérszín: átlátszó;
    szín: #000000;
    betűméret: 11 képpont;
    keret: 0px;
    szöveg igazítása: jobbra;
    padding-right: 5px;
    font-style: normál !fontos;
    szöveg-átalakítás: nincs;
    font-family: "Trebuchet MS"!fontos;
}
 
/* blog modul */
 
div[id*="post_"] h2, div[id*="post_"] a:hover h2 { /* blog címének kinézete */
    font-család: Trebuchet MS;
    font-size: 14px!fontos;
    betűsúly: normál;
    szöveg igazítása: balra;
    text-transform:normal !fontos;
    szín: #000000; 
    background-color:#A0BC82;/proba/
    szöveg-átalakítás: nincs;
    border-bottom: 0px solid #990100;
    padding: 3px;
}
 
div[id*="post"] { /* az egész blog modul egyben */
    padding: 6px !fontos;
    margin-bottom: 20px !fontos; /* ennyivel dobja el egymás alatt a bejegyzéseket */
    margin-top: 0px !fontos;
    szín: #000000;
    betűméret: 13 képpont;
    vonalmagasság: 20 képpont;
    text-align: justify;
    háttérszín: átlátszó; 
}
 
div[id*="bejegyzés_"] .txtbold { /* blog alcíme */
    háttérszín: átlátszó;
    keret: 0px;
    betűméret: 11 képpont;
    szín: #000000;
    szöveg igazítása: középre;
    margin-top: -2px !fontos;
    font-weight: normál !fontos;
    szöveg-átalakítás: nincs;
    padding: 2px !fontos;
    font-style: normál !fontos;
    font-család: Arial;
} 
 
div[id*="post_"] .txtmini { /* dátum a blogban felül */
    szín: #000000;
    betűméret: 11 képpont;
    szöveg igazítása: jobbra;
    háttérszín:#FDE88B; 
    margin-top: -10px !fontos;
    font-weight: normál !fontos;
    font-style: normál !fontos;
    font-család: Arial;
}
 
/* blog hozzászólások link kinézete */
 
.blogcommentcount {
     háttérszín: #FFFFFF !fontos;
     padding: 10px !fontos;
     szélesség: 21% !fontos;
     kijelző: asztal;
     pozíció: statikus;
     úszó: jobb;
     margin-top: 10px !fontos;
}
 
.blogcommentcount a:link, .blogcommentcount a:visited {
     font-family: Arial !fontos;
     font-size: 12px !fontos;
     szín: #000000 !fontos;
     háttérszín: átlátszó !fontos;
     font-weight: normál !fontos;
}
 
.blogcommentcount a:hover {
     szöveg-dekoráció: aláhúzás;
     szín: #000000!fontos;
     font-weight: normál !fontos;
}
 
/* vissza a bloghoz kinézete a blogban, bovebben link kinézete */
 
 .blogback2blog, .blogmorelink {
    háttérszín: #FFFFFF !fontos;
    szélesség: 30% !fontos;
    padding: 8px !fontos;
    padding-bottom: 10px;
    margó: 0 auto;
    margin-top: 12px !fontos;
    text-align: center !important;
    kijelző: asztal;
    keret: 4px dupla #FFFFFF;
}
 
.blogback2blog a:link, .blogback2blog a:visited, .blogmorelink a:link, .blogmorelink a:visited {
    szín: #000000 !fontos;
    betűsúly: tömör;
    font-style: normál!fontos;
    font-size: 11px !fontos;
    font-family: tahoma !fontos;
    background-color:transparent !fontos;
}
 
.blogback2blog a:hover, .blogmorelink a:hover {
    szöveg-dekoráció: aláhúzás;
    szín: #990100!fontos;
    háttérszín: átlátszó !fontos;
} 
 
/* címkék */
 
.blogtags {
    font-size: 11px !fontos;
    szöveg igazítása: jobbra;
    szín: #000000;
    háttérszín: #FFFF99; /* PROBA */;
    szélesség: 100%;
    margin-top: -5px !fontos;
    margin-bottom: 5px !fontos;
}
.blogtags a:link, .blogtags a:visited, .blogtags a:hover {
    betűméret: 11 képpont;
    font-family: tahoma !fontos;
    betűsúly: normál;
    font-style: normál !fontos;
    szín: #000000; !fontos;
    háttérszín: #990100;
    padding: 5px;
}
 
/* idézetblokkok */
 
.column_side_td blockquote {
    háttér: #990100;
    font-család: Arial;
    betűméret: 13 képpont;
    szín: #000000;
    text-align: justify;
    padding: 5px;
    margó-bal: 0px;
    margó-jobb: 0px;
    text-shadow: 1px 1px 1px #ffffff;
}
 
.column_main_td blockquote {
    háttér: #990100;
    font-család: Arial;
    betűméret: 13 képpont;
    szín: #ffffff;
    vonalmagasság: 20 képpont;
    text-align: justify;
    padding: 10px;
    margó-bal: 0px;
    margó-jobb: 0px;
    text-shadow: 0px 0px 0px #000000;
}
 
/* hírek/cikkek */
 
td > h2, div > h2 { /*hírek/cikkek címe */
    font-család: Trebuchet MS;
    font-size: 14px!fontos;
    betűsúly: normál;
    szöveg igazítása: balra;
    text-transform:NORMAL!fontos;
    szín: #000000; 
    background-color:#990100;/proba/
    szöveg-átalakítás: nincs;
    border-bottom: 0px szilárd #FFFFFF;
    padding: 3px;
}
 
/* DOLT, ALÁHÚZOTT, VASTAG betutípusok */
 
ERŐS, B { /*vastag */
    szín: #000000;
    betűsúly: félkövér;
}
U { /* aláhúzott */
    szín: #FFFF99;
    szöveg-dekoráció: nincs;
    border-bottom: 0px pontozott #000000;
}
EM, én { /* dolt */
    szín: #990100;
}
--></style>
<style type="text/css">
* {
  font-család: Verdana ! fontos;
  betűméret: 10 pt! fontos; font-color:#000000;
}</style>
<style type="text/css">
td.listheader3 { /* VK fejélce */
    háttérszín: #990100;
    border-left: 0px double #000000;
    border-right: 0px double #000000;
    border-top: 0px double #000000;
    font-család: verdana;
    betűméret: 9 képpont;
    szín: #ffffff;
}
td.list1 { /* VK tartalma */
    háttérszín: #FFFF99;
    border-left: 0px double #000000;
    border-right: 0px double #000000;
    border-bottom: 0px double #000000;
    font-család: verdana;
    betűméret: 9 képpont;
    szín: #000000;
}</style>
<style type="text/css">
bemenet {/* BEJELENTKEZES tartalma */
     háttérszín: #FDE88B;
     betűtípus család: ;
     betűméret: px;
     szín: #000000;
     border-left: 1px solid #000000;
     border-right: 1px solid #000000;
     border-top: 1px solid #000000;
     border-bottom: 1px solid #000000;}
--></style>
<style type="text/css">
::-webkit-scrollbar-thumb:vertical { /* görgeto */ 
háttér: #A0BC82;
határsugár: 0 képpont;}
 
::-webkit-scrollbar { /* görgeto háttere */
háttér: #FDE88B;
szélesség: 5 képpont;}</style>
 
FEJLÉCES KÓD:

<center>
	<div id="fejlecen-tartalom">
		<style type="text/css">
#menu{
list-style: none;
}
#menu li{
float: left;
padding: 2px;
position: relative;
}
#menu a{
float: left;
padding: 10px 0;
width: 130px;
}
#menu li a{
font-family: Century Gothic !important;
font-size: 11px !important;
color: #000000;
text-align: center;
background: #ffffff;
letter-spacing: 1px !important;
text-transform: uppercase;
text-decoration: none;
}
#menu li:hover > a{color: #000000;}
*html #menu li a:hover{ /* IE6 */
color: #ffffff;
}
#menu li:hover > ul{
display: block;
}
#submenu{
list-style: none;
padding: 0;
display: none;
position: absolute;
top: 30px;
left: 2px;
z-index: 99999;
background: #FFFFFF;
width: 135px;
}
#submenu li{
float: none;
margin: 0;
padding: 0;
display: block;
}
#submenu li a{
font-family: Century Gothic !important;
font-size: 13px !important;
font-weight: normal !important;
color: #000000 !important;
background: #FFFFFF;
padding: 10px 0;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#submenu li a:hover{ /* lenyíló menü színe, ha ráviszed az egeret */
color: #000000 !important;
background: #A0BC82;
}		</style>
		<center>
			<ul id="menu">
				<li>
					&nbsp;</li>
				<li>
					<a href="//jegvirag.gportal.hu/">Főoldal</a></li>
				<li>
					<a href="//jegvirag.gportal.hu/gindex.php?pg=7751968">Kódpróba</a></li>
				<li>
					<a href="/">Design&nbsp;</a>
					<ul id="submenu">
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=37103181">Design</a></li>
						<li>
							<a href="https://jegvirag.gportal.hu/gindex.php?pg=37443308">2022-es Naptár</a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=7713388">Ünnepi képek </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=36553135">Ünnepi menü </a></li>
						<li>
							<a href="https://jegvirag.gportal.hu/gindex.php?pg=37448987">Glitter kép </a></li>
						<li>
							<a href="https://jegvirag.gportal.hu/gindex.php?pg=37448985">Blinkie</a></li>
						<li>
							<a href="https://jegvirag.gportal.hu/gindex.php?pg=37448986">Signature</a></li>
					</ul>
				</li>
				<li>
					<a href="/">Leírás</a>
					<ul id="submenu">
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=37050847">Gportálos leírás </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=37095705">Chat leírás </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=37120999">Vendégkönyv </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=37095699">CSS kód leírás</a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=37130991">Photofiltre </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=37218322">Generátorok </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=37223842">Betűtipus </a></li>
					</ul>
				</li>
				<li>
					<a href="/">HTML kód</a>
					<ul id="submenu">
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=5144845">Tüzijáték effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=36655379">Tabla kodok </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=36655871">Template kodok </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=36641194">Sidebar effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=8367873">Status bars </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=5660620">Link effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=36655377">Navigáció </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=4617211">Vegyes kód </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=4422535">Naptár és Óra </a></li>
					</ul>
				</li>
				<li>
					<a href="/">HTML kód 2</a>
					<ul id="submenu">
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=4406976">Bolyongó effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=37375709">Egérkövető </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=4620749">Cursor effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=6806320">Nyomda effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=4616761">Eső effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=6672969">Felszálló effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=31460408">Kép effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=5766115">Szöveg effekt </a></li>
						<li>
							<a href="//jegvirag.gportal.hu/gindex.php?pg=6664024">Trash effekt </a></li>
					</ul>
				</li>
				<li>
					<a href="http://users2.smartgb.com/g/g.php?a=s&amp;i=g26-33486-46" target="_blank">Vendégkönyv</a></li>
				<li>
					<a href="https://jegvirag.gportal.hu/gindex.php?pg=37097939">Forrásaim</a></li>
			</ul>
		</center>
	</div>
	<style type="text/css">
#fejlecen-tartalom{
width: 1200px; /* ezzel adod meg a tartalom szélességét. */
height: 38px; /* ezzel adod meg a tartalom magasságát. */
position: absolute; /* ez marad */
margin-left: auto; /* ez marad */
margin-right: auto; /* ez marad */
margin-left:  auto; /* ezzel állítod be, hogy balról mennyivel dobja el a tartalmat a CSS */
margin-top: 240px; /* fentről lefelé dobja el a tartalmat a CSS */
}
-->	</style>
</center>

LÁBLÉC CSS KÓD:
 
<div style="background-color: #FFFFFF; padding: 1px; border-top: 1px solid #A0BC82; border-bottom: 1px solid #A0BC82;">
<center>
Copyright &nbsp;© 2005-2022 Virág Design / &nbsp;<a href="//jegvirag.gportal.hu">www.jegvirag.gportal.hu</a> / &nbsp;<a href="mailto:virag-78@gportal.hu">virag-78@gportal.hu</a></center>
</div>