!! ne ijedj meg, ha szerkesztő módban a háttér ott is megjelenik, a többi modulnál nem fog !!
01.
- oldalszélesség 820px
- háttér a kódban
- csak a blog és vk modul kinézetén módosítja
02.
- oldalszélesség nincs megadva, így a stílus és a felületben beállíthatod
- háttérkép adott
- csak a vk és a blog modul kinézetét módosítja
<style type="text/css">
body {
background-image: url(//prettythings.gportal.hu/portal/prettythings/image/gallery/1386502785_96.png);}
strong {
color: #000000; }
em {
color: #ffffff; }
underlined {
color: #666666;}
td.modtitle {
background-color: #9b1b1a;
font-family: georgia;
color: #000000;
font-size: 20px;
text-transform: uppercase;
text-align: center;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 0px solid transparent;
border-radius:25px 25px 0px 0px;
-moz-border-radius:25px 25px 0px 0px;
-webkit-border-radius:25px 25px 0px 0px;}
td.modbody {
background-color: #9b1b1a;
font-size: 11px;
color: #000000;
line-height: 15px ;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 3px dashed #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
text-align: justify;}
td.listheader3 {
font-family: times new roman;
font-size: 12px;
color: #ffffff;
background-color: #000000;
text-align: left;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
font-weight: bold;}
td.list1 {
background-color: #9b1b1a;
font-size: 11px;
color: #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
line-height: 15px;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;}
a:link, a:visited {
color: #000000;
font-size: 11px;
text-decoration: none;}
a:hover {
color: #666666;
font-size: 11px;
text-decoration: none;
cursor: normal;}
h2 {
font-family: trebuchet ms;
background-color: #000000;
text-align: left;
font-size: 18px;
color: #9b1b1a;
text-align: left;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
font-weight: bold;
}</style>
<p>
</p>
03.
- nincs oldalszélesség, te állítod be
- háttérszín adott
- csak a vk és a blog modul kinézetét változtatja
- hozzá tartozik a kis kép, melyet lentebb letölthetsz és berakhatod oldalra
KISKÉP
<style type="text/css">
body {
background-color: #886B54;}
strong {
color: #000000; }
em {
color: #ffffff; }
underlined {
color: #666666;}
td.modtitle {
background-color: #886B54;
font-family: 'Give You Glory', cursive;
color: #FFA085;
font-size: 27px;
text-align: center;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
border-left: 6px solid #E0B287;
border-right: 6px solid #E0B287;
border-top: 6px solid #E0B287;}
td.modbody {
background-color: #E0B287;
font-size: 11px;
color: #886B54;
line-height: 15px ;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;}
td.listheader3 {
font-family: trebuchet ms;
font-size: 12px;
color: #886B54;
background-color: #ffffff;
text-align: left;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
font-weight: bold;}
td.list1 {
background-color: transparent;
font-size: 11px;
color: #000000;
line-height: 15px;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;}
a:link, a:visited {
color: #886B54;
font-size: 11px;
text-decoration: none;}
a:hover {
color: #FFA085;
font-size: 11px;
text-decoration: none;
cursor: normal;}
h2 {
font-family: trebuchet ms;
background-color: #ffffff;
text-align: left;
font-size: 18px;
color: #886B54;
text-transform: uppercase;
text-align: left;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
}</style>
<p>
<link href="http://fonts.googleapis.com/css?family=Give+You+Glory" rel="stylesheet" type="text/css" />
04.
- oldalszélességet te állítod be
- csak a vk és a blog modul kinézetét változtatja
- a fejlécet .psd-ben is letöltheted, és berakva a photoshopban az "Oldaladneve" feliratot átírhatod, de a színt és a stílust ne változtass a rétegen (csak photoshoppal működik a .psd!)
- az oldalt állítsd középre, úgy a legszebb
- ha nincs photoshopod, akkor más programmal is írhatsz a .png típusú fejlécre
FEJLÉC .PNG(KÉP) - .PSD FEJLÉC
<style type="text/css">
body {
background-color: #ffffff;}
strong {
color: #000000; }
em {
color: #5a0b22; }
underlined {
color: #444243;}
td.modtitle {
background-color: #7a253d;
font-family: 'Leckerli One', cursive;
color: #FFA085;
font-size: 27px;
text-align: center;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;}
td.modbody {
background-color: #ffffff;
font-size: 11px;
color: #7a253d;
line-height: 15px ;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
border-left: 1px solid #7a253d;
border-right: 1px solid #7a253d;
border-top: 1px solid #7a253d;
border-bottom: 1px solid #7a253d;}
td.listheader3 {
font-family: trebuchet ms;
font-size: 12px;
color: #ffffff;
background-color: #7a253d;
text-align: left;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
font-weight: bold;}
td.list1 {
background-color: #7a253d;
font-size: 11px;
color: #ffffff;
line-height: 15px;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;}
a:link, a:visited {
color: #000000;
font-size: 11px;
tet-shadow: #535353 1px 1px 1px;
text-decoration: none;}
a:hover {
color: #7a253d;
font-size: 11px;
text-decoration: none;
cursor: normal;}
h2 {
font-family: trebuchet ms;
border-bottom: 3px solid #000000;
text-align: left;
font-size: 18px;
color: #7a253d;
text-transform: uppercase;
text-align: left;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;}
</style>
<p>
<link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
<p>
|