Háttér minden modulhoz css kóddal
Sokan kérdeztétek, hogyan lehet egyszínű hátteret adni az egész oldalnak. CSS kódot kell beilleszteni egy egyszerű modulba (hogyan?), amit jobb vagy oldalon helyezel el, és melyben a táblázatok hátterét is meg kell adni. Ha háttérképet akarsz betenni, azt előbb töltsd fel egy Képtár modulba, és ott megnyitva, keresd meg a kép URL címét (hogyan?). Ezt az URL címet kell beilleszteni a kódba a következő helyre: background URL ('ide kell a kép url címe')
Itt egy példa kód is, ami az egyik design-om css kódja. Az url címet (meg még amit akarsz, betűtípust, stb, stb) változtass meg kedved szerint.
A példa kód (dőlt betűvel jeleztem azt a részt, mely a modulok hátterét adja):
<STYLE type=text/css>
<!--BODY,TD,FONT{margin:0;
padding: 0;
cursor: crosshair;
scrollbar-face-color: #80060A;
scrollbar-highlight-color: #80060A;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #80060A;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFF7C6;
font-family: arial;
font-size: 11px;
color: #000000;
cursor: crosshair;
}
-->
<!--TD{margin:0;
padding: 0;
cursor: crosshair;
background:url('//gportal.hu/portal/jutidesign/image/gallery/1163154289.jpg');
border-style: solid;
border-color: #FFF7C6;
border-width: 1px;
font-family: arial;
font-size: 11px;
font-weight:bold;
color: #000000;
cursor: crosshair;
}
-->
<!--input,textarea{
background: transparent;
font-family: tahoma;
color: #560003;
letter-spacing: 0pt;
font-weight: normal;
font-size: 10px;
border-style: solid;
border-color: #ffffff;
border-width: 1px;} -->
<!--
A { color: #80060A; text-decoration: none; background:transparent; cursor: crosshair; font-size: 11px;}
A:link { color: #80060A; text-decoration: none; background:transparent; cursor: crosshair; font-size: 11px;font-weight: bold;}
A:visited { color: #80060A; text-decoration: none; background:transparent; cursor: crosshair; font-size: 11px; font-weight: bold}
A:active { color: #80060A; background:transparent; cursor: crosshair;text-decoration: underline;font-weight: bold}
A:hover { font-size: 11px;color: #000000; background:url(); letter-spacing: 1px; border-bottom:0px dotted #000000; cursor: hand;
position: relative; top: 1px; left: 1px;}
-->
</STYLE>
|