Przedszkolak
Postów: 10
Data rejestracji: 20.10.2007 20:14
|
Witam! Chciałem przerobić sobie szablon HTML, na theme do PHP-Fusion. Jednak jest mały problem, nie znam PHP, a HTML starcza mi na wstawianie obrazków i tworzenie ramek ;) Człowiek jednak po to ma rozum, żeby kombinować. Co zrobiłem? Wziąłem podobny theme (budową) i zacząłem go przerabiać. Theme jakiego użyłem to Alienware, możecie go zobaczyć na http://mods.php-f.... Jednak mam kilka problemów. Parę elementów pod newsami i obok zostały jakimś cudem białe, mimo, że starałem się zrobić wszystko na czarno. Dodatkowo nie wiem jak zrobić menu taki z przyciskami nie z tekstem. W oryginale (na którym pracowałem) było podobne menu, jednak po moich przeróbkach, nawet nie wiem których, coś się posypało i jest zwykłe tekstowe menu. Jak zrobić je takie jak w szablonie HTML?
Teraźniejsza strona: http://cms.you2.pl/
Co chce osiągnąć: http://cms.you2.p...
Plik CSS:
/* 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 {
background: url(images/bg.gif) repeat-x;
background-color : #0B0B0B;
padding:15px 0px;
margin:0px;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
}
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 {
}
.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 : #ffffff;
background-image: url(images/stopka.jpg);
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;
}
/*newsy*/
.main-body {
font-size : 11px;
color : #555;
padding : 4px 0px 5px 0px;
background-color : #0B0B0B;
}
.center {
margin : 0 auto;
}
/*ramki na menu*/
.side-body {
font-size : 10px;
color : #777;
padding : 4px;
}
/*news*/
.main-bg {
color : #555;
background-color : #fff;
padding : 0px 5px 0px 0px;
}
/* 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 : 0px 15px 0px 5px;
width: 210px;
background:url(images/s.gif)
}
.side-border-right {
color : #777;
background-color : #fff;
padding : 0px 6px 0px 6px;
width: 210px;
background:url(images/s.gif)
}
.news-category {
border:0;
margin:3px 5px 0 0;
float:left;
}
.news-footer {
font-size : 10px;
border:1;
height:16px;
color : #555;
background-color : #0B0B0B;
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/sng.jpg);
height:37px;
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/mng1.jpg);
text-align : left;
padding:11px 15px 10px 35px;
}
.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: #000000;
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: #0B0B0B ;
border: 1px solid #CACACA;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
/* Sayfa Gecis */
.pagenav a {
color: #000000;
background-color: #0B0B0B ;
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);}
.m{ background:url(images/t3.gif) no-repeat; height:90px;}
.m ul{ list-style:none; margin:0; padding:5px 30px; }
.m li{ float:left; }
.m a{ display:inline-block; padding:17px 20px 18px 20px; color:#E2E2E2; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.m a:hover{ background:url(images/m.gif) repeat-x; color:#fff; text-decoration:none;}
.m2{ padding:5px 0px;}
.m2 ul{list-style:none; margin:0px; padding-left:4px;}
.m2 li{float:left; width:200px; padding:0; margin:0; }
.m2 a{ padding:6px 20px; display:block; border-bottom:1px solid #000; border-top:1px solid #333; text-decoration:none; color:#999999; }
.m2 a:hover{ background:#302e2e; color:#fff;}
#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; :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: #0b0b0b;
border : 1px dashed #FFFFFF;
}
/* Alt Panel Bitis */
PW od moderatora:
- Przeniesienie tematu - Pieka 30.12 - 00:24
- Zmiana nazwy tematu - Pieka 30.12 - 00:25
- Ogólna Uwaga - foxi89 30.12 - 00:52
Edytowane przez Pieka dnia 30.12.2010 00:49:55
|