|
Obniżenie strony w skórce Extremities
|
| Raplo |
Dodany dnia 12.03.2010 21:21:14
|
Przedszkolak
Postów: 15
Ostrzeżeń: 1
Data rejestracji: 11.03.2010 14:19
|
Chciałbym trochę opuścić w dół stronę by reklama nie nachodziła na logo.
Jak to zrobić?
Adres: pro-arena.cba.pl
A skórka to Extremities.
PW od moderatora:
- Przeniesienie tematu - Pieka 12.03 - 22:45
- Ogólna Uwaga - Pieka 12.03 - 22:50
- Ogólna Uwaga - Pieka 13.03 - 12:40
Edytowane przez Pieka dnia 12.03.2010 23:11:59
|
| |
|
|
| Wścibski Gość |
Dodany dnia 23.11.2024 03:49:19
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
| kibel |
Dodany dnia 13.03.2010 00:56:05
|
Początkujący
Postów: 157
Pomógł: 8
Ostrzeżeń: 2
Data rejestracji: 01.02.2010 18:02
ZBANOWANY:
Dożywotnio
|
Dodaj theme.php i style.css skórki.
Kliknij  jeśli pomogłem.
Bo życie uczy nas myślenia. |
| |
|
|
| Gismo_PL |
Dodany dnia 13.03.2010 07:21:22
|
Bywalec
Postów: 462
Pomógł: 40
Ostrzeżeń: 2
 v7.01.05
Data rejestracji: 25.02.2007 21:13
|
Edytuj plik theme.php. Kolorem czerwonym zaznaczyłem co powinieneś dodać w kodzie:
function render_page($license) {
global $aidlink, $locale, $settings, $colour_switcher, $fontsize_switcher, $main_style;
echo "
<div id='main' style='width: ".THEME_WIDTH."; left: 50%; margin-left: -400px;'>
<div id='cont' class='clearfix $main_style'>
<div id='header'>
//top reklama
<div id='reklama'>";
//kod reklamy
echo "</div>
//koniec top reklama
<div id='userbar' class='floatfix'>
Kliknij i zaczekaj na załadowanie kodu ...
Kolejna czynność to przypisanie w pliku stylu: styles.css selektorowi: #reklama określonych właściwości np:
#reklama{
width: 728px;
height: 72px;
margin: 5px;
}
Kliknij i zaczekaj na załadowanie kodu ...
Powinno być ok, ale gwarancji nie daje, bo na szybko to złożyłem.
Edytowane przez Gismo_PL dnia 13.03.2010 07:23:47
|
| |
|
|
| mateusz880 |
Dodany dnia 13.03.2010 18:23:01
|
Przedszkolak
Postów: 44
Data rejestracji: 03.04.2009 10:57
|
Na forum cba.pl pisali jak to zrobić.
|
| |
|
|
| Pieka |
Dodany dnia 13.03.2010 18:35:00
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Jantom swego czasu podal uniwersalna metode: http://www.php-fu...d_id=19985
Na hostingu darmowym cba.pl zgodnie z zawartymi tu informacjami nie wolno usuwac reklam. Ich likwidacja oznacza blokade, czy wrecz usuniecie konta, a co za tym strony badz stron danego uzytkownika.
Edytowane przez Pieka dnia 13.03.2010 18:45:57
Jestem jaki jestem  |
| |
|
|
| Raplo |
Dodany dnia 16.03.2010 15:49:43
|
Przedszkolak
Postów: 15
Ostrzeżeń: 1
Data rejestracji: 11.03.2010 14:19
|
Ale ja nie chce kasować reklamy tylko przesunąć tabele strony pod ten banner u góry.
Próbowałem tą metodą z tamtego posta i nic się nie zmieniło.
Edytowane przez Chemikpil dnia 16.03.2010 16:11:23
|
| |
|
|
| Chemikpil |
Dodany dnia 16.03.2010 16:16:08
|
Bywalec
Postów: 999
Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
To spróbuj jeszcze raz bo z klasą main wszystko działa.
#main {
margin-top: 100px;
}
Edytowane przez Pieka dnia 23.02.2011 01:51:08
|
| |
|
|
| Raplo |
Dodany dnia 16.03.2010 16:29:38
|
Przedszkolak
Postów: 15
Ostrzeżeń: 1
Data rejestracji: 11.03.2010 14:19
|
Nic nie dało.
Edytowane przez Chemikpil dnia 16.03.2010 16:49:24
|
| |
|
|
| Chemikpil |
Dodany dnia 16.03.2010 16:50:51
|
Bywalec
Postów: 999
Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
Gdzie ty to wstawiłeś bo jakoś nie widzę tego w twoim kodzie?
Wiadomość doklejona:
Albo inaczej jak masz w
#main{
left: 0;
position: absolute;
top: 0em;
}
To zmieniaj wartość top.
Edytowane przez Chemikpil dnia 16.03.2010 16:53:10
|
| |
|
|
| Raplo |
Dodany dnia 16.03.2010 17:02:27
|
Przedszkolak
Postów: 15
Ostrzeżeń: 1
Data rejestracji: 11.03.2010 14:19
|
.main-body {
font-size : 11px;
color : #555;
background-image: #ffffff;
border : 1px dashed #029EC9;
padding : 4px 0px 5px 0px;
margin-top: 100px;
}
Kliknij i zaczekaj na załadowanie kodu ... tu wkleiłem |
| |
|
|
| Chemikpil |
Dodany dnia 16.03.2010 17:10:33
|
Bywalec
Postów: 999
Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
A czy ja pisałem o main-body?
Czytaj uważniej. Spróbuj teraz drugi sposób który masz w wiadomości doklejonej.
Edytowane przez hoopak dnia 16.03.2010 21:21:16
|
| |
|
|
| Raplo |
Dodany dnia 16.03.2010 19:40:55
|
Przedszkolak
Postów: 15
Ostrzeżeń: 1
Data rejestracji: 11.03.2010 14:19
|
To mam to dopisać w dowolnym miejscu?
Edytowane przez Pieka dnia 16.03.2010 20:06:58
|
| |
|
|
| Chemikpil |
Dodany dnia 16.03.2010 22:38:45
|
Bywalec
Postów: 999
Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
Hmm ... dobra jeszcze raz.
Poszukaj sobie w styles.css swojej skórki #main{
left: 0;
position: absolute;
top: 0em;
}
I zamień na #main{
left: 0;
position: absolute;
top: 120px;
}
|
| |
|
|
| Raplo |
Dodany dnia 17.03.2010 19:30:13
|
Przedszkolak
Postów: 15
Ostrzeżeń: 1
Data rejestracji: 11.03.2010 14:19
|
/* Footer Link Rengi */
a {
color : #000000;
text-decoration : none;
}
/* Footer Link Rengi */
/* Footer Link Rengi Mause*/
a:hover {
color : #10A5E0;
font-weight:bold;
text-decoration : none;
}
/* Footer Link Rengi Mause*/
/* Blok Link Rengi */
a.side {
color : #10A5E0;
font-weight:bold;
text-decoration : none;
}
/* Blok Link Rengi */
/* Blok Link Rengi Mause */
a:hover.side {
color : #000000;
text-decoration : none;
}
/* Blok Link Rengi Mause */
a.white, li.white a {
color: #ddd;
text-decoration: none;
}
a:hover.white, li.white a:hover {
color: #ddd;
text-decoration: underline;
}
body {
color : #555;
background-image: url(images/menuarka.gif);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
margin-top: 80px;
}
main{
left: 0;
position: absolute;
top: 120px;
}
form {
margin : 0px;
}
hr {
height : 1px;
border : 1px solid #eee;
}
hr.side-hr {
height : 1px;
border : 1px solid #eee;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
.alt {
color : #005599;
}
.outer-border {
border : 1px solid #000;
}
.tarih {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #FFFFFF;
background-color : #000000;
border-top : 1px dashed #0000;
border-bottom : 1px solid #000;
padding : 5px;
}
.sub-header {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000;
background-color : #888;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
padding : 5px;
}
.sub-header ul{
margin: 0;
padding: 0;
}
.sub-header ul li{
display: inline;
}
.sub-header ul li.first-link .bullet{
display: none;
}
.banner {
background-image: url(images/banner.gif) ;
}
.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
background-image: url(images/header.gif);
border : 1px solid #ccc;
padding : 5px;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f1f1f1;
height : 20px;
border : 1px solid #ccc;
margin-top : 2px;
}
.bbcode {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #F6F6F6;
border : 1px dashed #000000;
margin-top : 2px;
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f8f8f8;
border : 1px solid #ccc;
}
.main-body {
font-size : 11px;
color : #555;
background-image: #ffffff;
border : 1px dashed #029EC9;
padding : 4px 0px 5px 0px;
margin-top: 100px;
}
.center {
margin : 0 auto;
}
.side-body {
font-size : 10px;
color : #777;
background-image: url(images/menuarka.gif);
border : 1px dashed #029EC9;
padding : 4px;
}
.main-bg {
color : #555;
background-color : #fff;
padding : 10px 10px 5px 10px;
}
/* Menu Dýs */
.border {
margin-bottom : 5px;
}
/* Menu Dýs Bitis*/
.admin-message {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : center;
color : #555;
background-color : #f6f6f6;
border : 1px solid #e1e1e1;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
color : #777;
background-color : #fff;
padding : 10px 0px 10px 10px;
width: 175px;
}
.side-border-right {
color : #777;
background-color : #fff;
padding : 10px 10px 10px 0px;
width: 175px;
}
.news-category {
border:0;
margin:3px 5px 0 0;
float:left;
}
.news-footer {
font-size : 10px;
border:1;
height:16px;
color : #555;
background-image : url(images/nfooter.gif);
padding : 3px 4px 4px 4px;
}
.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #ffffff;
background-image : url(images/blok1.gif);
height:17px;
text-align : center;
padding : 2px 0px 4px 0px;
}
.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #ffffff;
background-image: url(images/blok.gif);
height:16px;
text-align : right;
border-bottom : 1px dashed #e1e1e1;
padding : 4px;
}
.tbl-border {
border : 1px solid #e1e1e1;
}
.tbl {
font-size : 11px;
color : #555;
background-color : #fff;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #555;
background-color : #fff;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #555;
background-color : #f1f1f1;
font-weight:bold;
padding : 4px;
}
.forum-caption {
font-size : 11px;
font-weight : bold;
color : #888;
background-color : #f1f1f1;
padding : 2px 4px 4px 4px;
}
.quote {
font-size : 11px;
color : #555;
background-color : #f8f8f8;
padding : 4px;
margin : 0px 20px 0px 20px;
border : 1px solid #bbb;
}
.poll {
height : 12px;
border : 1px solid #bbb;
}
.comment-name {
font-weight : bold;
color : #005599;
}
.shoutboxname {
font-weight : bold;
color : #005599;
background-image : url(images/menuarka.gif);
}
.shoutbox {
color : #777;
background-image : url(images/menuarka.gif);
}
.shoutboxdate {
font-size : 10px;
color : #800;
background-image : url(images/menuarka.gif);
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #555;
}
.side-small {
font-size : 10px;
font-weight : normal;
color : #555;
background-color : #f6f6f6;
}
.side-label {
color : #555;
background-color : #f1f1f1;
padding : 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
color : #555;
background-color: #f1f1f1;
margin: 0;
padding: 4px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
* html #navigation ul li{
height: 1%;
}
#navigation a {
display: block;
color: #005599;
background-color: #f6f6f6;
padding: 2px;
text-decoration : none;
}
#navigation a:hover {
color: #f6f6f6;
background-color: #005599;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #CACACA;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
/* Sayfa Gecis */
.pagenav a {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #CACACA;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #029EC9;
font-weight:bold;
margin: 0.2em;
text-decoration: none;
}
/* CSS Menu Baslangýc */
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
#stylefour{
position:relative;
display:block;
height:39px;
font-size:11px;
font-weight:bold;
background:transparent url(images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #000000;
}
#stylefour ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}
#stylefour ul li{
display:block;
float:left;
margin:0;
}
#stylefour ul li a{
display:block;
float:left;
color:#666;
text-decoration:none;
padding:11px 20px 0 20px;
height:23px;
background:transparent url(images/bgDIVIDER.gif) no-repeat top right;
}
#stylefour ul li a:hover,#stylefour ul li a.current{
color:#C4BA87;
background:#fff url(images/bgON.gif) no-repeat top right;
}
.preload1 {background: url(images/six_0a.gif);}
.preload2 {background: url(images/six_1a.gif);}
#nav {padding:0;
margin:0;
list-style:none;
height:40px;
background:#0C0C0C url(images/six_0.gif) repeat-x;
position:relative;
z-index:200;
font-family:arial, verdana, sans-serif;
}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(images/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(images/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(images/six_0a.gif) no-repeat right top;}
#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#F0F1F1; background: url(images/six_1.gif) no-repeat;}
#nav li:hover a.top_link span,
#nav a.top_link:hover span
{background:url(images/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(images/six_1a.gif) no-repeat right top; padding-bottom:3px;}
#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}
#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}
#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav ul,
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}
/* CSS Menu Bitis */
/* Alt Panel */
.headtitule{
background-image: url('images/bg.png');
background-repeat: repeat-x ;
background-color: #EEEEEE;
border : 1px dashed #FFFFFF;
}
/* Alt Panel Bitis */
Kliknij i zaczekaj na załadowanie kodu ... to cały kod jak możesz do zmień mi go i odeślij bo ja już nie wiem :(
Edytowane przez Raplo dnia 17.03.2010 19:30:52
|
| |
|
|
| Chemikpil |
Dodany dnia 17.03.2010 21:06:53
|
Bywalec
Postów: 999
Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
Oj ... masz wszystko wypisane, wystarczy tylko zrobić, kopiuj i wklej. Ale ok
/* Footer Link Rengi */
a {
color : #000000;
text-decoration : none;
}
/* Footer Link Rengi */
/* Footer Link Rengi Mause*/
a:hover {
color : #10A5E0;
font-weight:bold;
text-decoration : none;
}
/* Footer Link Rengi Mause*/
/* Blok Link Rengi */
a.side {
color : #10A5E0;
font-weight:bold;
text-decoration : none;
}
/* Blok Link Rengi */
/* Blok Link Rengi Mause */
a:hover.side {
color : #000000;
text-decoration : none;
}
/* Blok Link Rengi Mause */
a.white, li.white a {
color: #ddd;
text-decoration: none;
}
a:hover.white, li.white a:hover {
color: #ddd;
text-decoration: underline;
}
body {
color : #555;
background-image: url(images/menuarka.gif);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
margin-top: 80px;
}
#main{
left: 0;
position: absolute;
top: 120px;
}
form {
margin : 0px;
}
hr {
height : 1px;
border : 1px solid #eee;
}
hr.side-hr {
height : 1px;
border : 1px solid #eee;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
.alt {
color : #005599;
}
.outer-border {
border : 1px solid #000;
}
.tarih {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #FFFFFF;
background-color : #000000;
border-top : 1px dashed #0000;
border-bottom : 1px solid #000;
padding : 5px;
}
.sub-header {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000;
background-color : #888;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
padding : 5px;
}
.sub-header ul{
margin: 0;
padding: 0;
}
.sub-header ul li{
display: inline;
}
.sub-header ul li.first-link .bullet{
display: none;
}
.banner {
background-image: url(images/banner.gif) ;
}
.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
background-image: url(images/header.gif);
border : 1px solid #ccc;
padding : 5px;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f1f1f1;
height : 20px;
border : 1px solid #ccc;
margin-top : 2px;
}
.bbcode {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #F6F6F6;
border : 1px dashed #000000;
margin-top : 2px;
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f8f8f8;
border : 1px solid #ccc;
}
.main-body {
font-size : 11px;
color : #555;
background-image: #ffffff;
border : 1px dashed #029EC9;
padding : 4px 0px 5px 0px;
margin-top: 100px;
}
.center {
margin : 0 auto;
}
.side-body {
font-size : 10px;
color : #777;
background-image: url(images/menuarka.gif);
border : 1px dashed #029EC9;
padding : 4px;
}
.main-bg {
color : #555;
background-color : #fff;
padding : 10px 10px 5px 10px;
}
/* Menu Dýs */
.border {
margin-bottom : 5px;
}
/* Menu Dýs Bitis*/
.admin-message {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : center;
color : #555;
background-color : #f6f6f6;
border : 1px solid #e1e1e1;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
color : #777;
background-color : #fff;
padding : 10px 0px 10px 10px;
width: 175px;
}
.side-border-right {
color : #777;
background-color : #fff;
padding : 10px 10px 10px 0px;
width: 175px;
}
.news-category {
border:0;
margin:3px 5px 0 0;
float:left;
}
.news-footer {
font-size : 10px;
border:1;
height:16px;
color : #555;
background-image : url(images/nfooter.gif);
padding : 3px 4px 4px 4px;
}
.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #ffffff;
background-image : url(images/blok1.gif);
height:17px;
text-align : center;
padding : 2px 0px 4px 0px;
}
.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #ffffff;
background-image: url(images/blok.gif);
height:16px;
text-align : right;
border-bottom : 1px dashed #e1e1e1;
padding : 4px;
}
.tbl-border {
border : 1px solid #e1e1e1;
}
.tbl {
font-size : 11px;
color : #555;
background-color : #fff;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #555;
background-color : #fff;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #555;
background-color : #f1f1f1;
font-weight:bold;
padding : 4px;
}
.forum-caption {
font-size : 11px;
font-weight : bold;
color : #888;
background-color : #f1f1f1;
padding : 2px 4px 4px 4px;
}
.quote {
font-size : 11px;
color : #555;
background-color : #f8f8f8;
padding : 4px;
margin : 0px 20px 0px 20px;
border : 1px solid #bbb;
}
.poll {
height : 12px;
border : 1px solid #bbb;
}
.comment-name {
font-weight : bold;
color : #005599;
}
.shoutboxname {
font-weight : bold;
color : #005599;
background-image : url(images/menuarka.gif);
}
.shoutbox {
color : #777;
background-image : url(images/menuarka.gif);
}
.shoutboxdate {
font-size : 10px;
color : #800;
background-image : url(images/menuarka.gif);
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #555;
}
.side-small {
font-size : 10px;
font-weight : normal;
color : #555;
background-color : #f6f6f6;
}
.side-label {
color : #555;
background-color : #f1f1f1;
padding : 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
color : #555;
background-color: #f1f1f1;
margin: 0;
padding: 4px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
* html #navigation ul li{
height: 1%;
}
#navigation a {
display: block;
color: #005599;
background-color: #f6f6f6;
padding: 2px;
text-decoration : none;
}
#navigation a:hover {
color: #f6f6f6;
background-color: #005599;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #CACACA;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
/* Sayfa Gecis */
.pagenav a {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #CACACA;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #029EC9;
font-weight:bold;
margin: 0.2em;
text-decoration: none;
}
/* CSS Menu Baslangýc */
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
#stylefour{
position:relative;
display:block;
height:39px;
font-size:11px;
font-weight:bold;
background:transparent url(images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #000000;
}
#stylefour ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}
#stylefour ul li{
display:block;
float:left;
margin:0;
}
#stylefour ul li a{
display:block;
float:left;
color:#666;
text-decoration:none;
padding:11px 20px 0 20px;
height:23px;
background:transparent url(images/bgDIVIDER.gif) no-repeat top right;
}
#stylefour ul li a:hover,#stylefour ul li a.current{
color:#C4BA87;
background:#fff url(images/bgON.gif) no-repeat top right;
}
.preload1 {background: url(images/six_0a.gif);}
.preload2 {background: url(images/six_1a.gif);}
#nav {padding:0;
margin:0;
list-style:none;
height:40px;
background:#0C0C0C url(images/six_0.gif) repeat-x;
position:relative;
z-index:200;
font-family:arial, verdana, sans-serif;
}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(images/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(images/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(images/six_0a.gif) no-repeat right top;}
#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#F0F1F1; background: url(images/six_1.gif) no-repeat;}
#nav li:hover a.top_link span,
#nav a.top_link:hover span
{background:url(images/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(images/six_1a.gif) no-repeat right top; padding-bottom:3px;}
#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}
#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}
#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav ul,
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}
/* CSS Menu Bitis */
/* Alt Panel */
.headtitule{
background-image: url('images/bg.png');
background-repeat: repeat-x ;
background-color: #EEEEEE;
border : 1px dashed #FFFFFF;
}
/* Alt Panel Bitis */
Zapraszam do jakiegoś kursu o CSS, bo nie wyobrażam sobie by administrator strony totalnie nie znał podstaw.
Pozdro :)
|
| |
|
Rozwiń Kod źródłowy PHP
