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.


Gerbera rózsaszin 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 {
    background: url(http://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1458582762_76.jpg), url(http://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1458582760_81.jpg), #DBACB6;    background-position: center top, center; 
    background-repeat: no-repeat, repeat-y;
    background-attachment: fix;
    cursor: default;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
}

.site { /* oldal */
    width: 1000px;
}
td.sitecol { /* modulok alatt a háttér */
    background-color: transparent;
}
td.listheader{  /*  blog plusz friss bejegyzések fejléce  */
    background-color: #FFFF99;
    border: 0px;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    text-transform: none;
    padding: 3px;
    text-align: left;
    text-shadow: 0px 0px 0px #ffffff;
} 

/* szélso modul */

.column_side  {
    background-color: transparent !important;
    margin-top:490px;
    width: 370px;
}
.column_side_td .module .modtitle {
    font-family: Trebuchet MS;
    text-align: center;
    font-size: 14px;
    color: #000000;
    letter-spacing: 2px;
    text-transform:normal;
    background: url(http://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1458582760_72.jpg);
    background-position: left top;
    height: 200px;
    padding-top: 145px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
.column_side_td .module .modbody {
    background: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    text-align: justify;
    padding: 10px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 30px solid #DCD199;
}
.column_side_td .module .modbottom{
    padding-bottom: 10px;
}
.column_side a:link, .column_side a:visited {
    color: #000000;
    text-decoration: none;
    text-shadow: none !important;
}
.column_side a:hover {
    text-decoration: normal;
    cursor: default;
}
/*  DOLT, ALÁHÚZOTT, VASTAG betutípusok  */
	 
.column_side STRONG, .column_side B { /*vastag */
    color: #FF8080;
    font-weight: bold;
}
.column_side U { /* aláhúzott */
    color: #DBACB6;
    text-decoration: none;
    border-bottom: 0px dotted #ffffff;
    text-shadow: none !important;
}
.column_side EM, .column_side I { /* dolt */
    color: #000000;
    text-shadow: none !important;
}

/* középso modul */

.column_main_td .module {
   margin-top:490px;
}

.column_main_td .module .modtitle {
    font-family: Trebuchet MS;
    text-align: center;
    font-size: 12px;
    color: #000000;
    letter-spacing: 2px;
    text-transform:normal;
    background: url(http://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1458582759_94.jpg);
    background-position: left center;
    height: 200px;
    padding-top: 145px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
.column_main_td .module .modbody{
    font-family: Arial;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    padding: 10px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 30px solid #DCD199;
}
td.listheader3 {
    font-family: Arial;
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    color: #000000;
    text-transform: uppercase;
    padding: 5px;
    background-color: #FFFFFF;

}

.commenttext { /* hozzászólások kinézete */    
   font-family: Arial;  
   font-size:  13px;  
   color: #000000; 
   line-height: 21px;
}

td.modbody, td.list1, td.list2, .txtnormal, .txtbold, .txtmini{
    font-family: Arial;
    background-color: transparent;
    color: #000000;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    padding: 10px;
}

img, img:hover {
    border: 0px solid;
}
a:link img, a:visited img {
    border: 0px solid #DBACB6;
    filter: alpha(opacity=80);
    opacity: .8;
}
a:hover img {
    cursor: default;
    border: 0px solid #000000;
    filter: alpha(opacity=100);
    opacity: 10;
}
a:link, a:visited, a.menu:link, a.menu:visited {
    color: #000000;
    text-decoration: none;
}
a:hover, a.menu:hover {
    color: #DBACB6;
    cursor: default;
    text-decoration: none;
}
table, td.menu, .headerbg, td, tr { /*  pl. egyszínu lesz a háttér a modulok alatt  */
    background-color: transparent;
}
td.list3 { /*  hírek/cikkek szerzo, dátum a cím mellett  */
    background-color: transparent;
    color: #000000;
    font-size: 11px;
    border: 0px;
    text-align: right;
    padding-right: 5px;
    font-style: normal !important;
    text-transform: none;
    font-family: "Trebuchet MS"!important;
}

/* blog modul */

div[id*="post_"] h2, div[id*="post_"] a:hover h2 {  /*  blog címének kinézete */
    font-family: Trebuchet MS;
    font-size: 14px!important;
    font-weight: normal;
    text-align: left;
    text-transform:normal !important;
    color: #000000; 
    background-color:#FFBFBF;/proba/
    text-transform: none;
    border-bottom: 0px solid #867877;
    padding: 3px;
}

div[id*="post"] { /* az egész blog modul egyben */
    padding: 6px !important;
    margin-bottom: 20px !important; /* ennyivel dobja el egymás alatt a bejegyzéseket */
    margin-top: 0px !important;
    color: #000000;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    background-color: transparent; 
}

div[id*="post_"] .txtbold {  /*  blog alcíme */
    background-color:transparent;
    border: 0px;
    font-size: 11px;
    color: #000000;
    text-align: center;
    margin-top: -2px !important;
    font-weight: normal !important;
    text-transform: none;
    padding: 2px !important;
    font-style: normal !important;
    font-family: Arial;
} 

div[id*="post_"] .txtmini { /*  dátum a blogban felül  */
    color: #000000;
    font-size: 11px;
    text-align: right;
    background-color:#FFFF99; 
    margin-top: -10px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-family: Arial;
}

/* blog hozzászólások link kinézete */

.blogcommentcount {
     background-color: #FFBFBF !important;
     padding: 10px !important;
     width: 21% !important;
     display: table;
     position: static;
     float: right;
     margin-top: 10px !important;
}

.blogcommentcount a:link, .blogcommentcount a:visited {
     font-family: Arial !important;
     font-size: 12px !important;
     color: #000000 !important;
     background-color: transparent !important;
     font-weight: normal !important;
}

.blogcommentcount a:hover {
     text-decoration: underline;
     color: #000000!important;
     font-weight: normal !important;
}

/* vissza a bloghoz kinézete a blogban, bovebben link kinézete */

 .blogback2blog,  .blogmorelink {
    background-color: #FFFFFF !important;
    width: 30% !important;
    padding: 8px !important;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-top: 12px !important;
    text-align: center !important;
    display: table;
    border: 4px double #FFFFFF;
}

.blogback2blog a:link, .blogback2blog a:visited, .blogmorelink a:link, .blogmorelink a:visited {
    color: #000000 !important;
    font-weight: solid;
    font-style: normal!important;
    font-size: 11px !important;
    font-family: tahoma !important;
    background-color:transparent !important;
}

.blogback2blog a:hover, .blogmorelink a:hover {
    text-decoration: underline;
    color: #DBACB6!important;
    background-color: transparent !important;
} 

/* címkék */

.blogtags {
    font-size: 11px !important;
    text-align: right;
    color: #000000;
    background-color: #FFFF99; /*  PROBA */;
    width: 100%;
    margin-top: -5px !important;
    margin-bottom: 5px !important;
}
.blogtags a:link, .blogtags a:visited, .blogtags a:hover {
    font-size: 11px;
    font-family: tahoma !important;
    font-weight: normal;
    font-style: normal !important;
    color: #000000; !important;
    background-color: #DBACB6;
    padding: 5px;
}

/* idézetblokkok */

.column_side_td blockquote {
    background: #DBACB6;
    font-family: Arial;
    font-size: 13px;
    color: #000000;
    text-align: justify;
    padding: 5px;
    margin-left: 0px;
    margin-right: 0px;
    text-shadow: 1px 1px 1px #317CBF;
}

.column_main_td blockquote {
    background: #DBACB6;
    font-family: Arial;
    font-size: 13px;
    color: #ffffff;
    line-height: 20px;
    text-align: justify;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
    text-shadow: 0px 0px 0px #000000;
}

/* hírek/cikkek */

td > h2, div > h2 { /*hírek/cikkek címe */
    font-family: Trebuchet MS;
    font-size: 14px!important;
    font-weight: normal;
    text-align: left;
    text-transform:NORMAL!important;
    color: #000000; 
    background-color:#DBACB6;/proba/
    text-transform: none;
    border-bottom: 0px solid #FFFFFF;
    padding: 3px;
}
	 
/*  DOLT, ALÁHÚZOTT, VASTAG betutípusok  */
	 
STRONG, B { /*vastag */
    color: #000000;
    font-weight: bold;
}
U { /* aláhúzott */
    color: #FFFF99;
    text-decoration: none;
    border-bottom: 0px dotted #000000;
}
EM, I { /* dolt */
    color: #DBACB6;
}
--></style>
<style type="text/css">
* {
  font-family: Verdana ! important;
  font-size: 10pt ! important; font-color:#000000;
}</style>
<style type="text/css">
td.listheader3 { /* VK fejélce */
    background-color: #DBACB6;
    border-left: 0px double #000000;
    border-right: 0px double #000000;
    border-top: 0px double #000000;
    font-family: verdana;
    font-size: 9px;
    color: #ffffff;
}
td.list1 { /* VK tartalma */
    background-color: #FFFF99;
    border-left: 0px double #000000;
    border-right: 0px double #000000;
    border-bottom: 0px double #000000;
    font-family: verdana;
    font-size: 9px;
    color: #000000;
}</style>
<style type="text/css">
input {/* BEJELENTKEZES tartalma */
     background-color: #FFFF99;
     font-family: ;
     font-size: px;
     color: #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 */ 
	background: #DCD199;
	border-radius: 0px;}
 
::-webkit-scrollbar { /* görgeto háttere */
	background: #DBACB6;
	width: 15px;}</style>





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