Problem ze stylem od corazon

ODPOWIEDZ ]
Awatar użytkownika
Moje fora
czekam na jakąś perełkę
nigdzie się nie wybieram
 6588096

#34198 28 paź 2017, 5:04

Przeglądając tumblara z gotowcami w oczy wpadł mi jeden styl, który chciałam użyć na forum. Kopiuję cały kod, lecz jak dodaję go na forum coś jest nie tak, bo kolor nie taki. Jak mogła bym temu zaradzić, ponieważ sama próbowałam zmienić kolor w kodzie, ale jak sprawdzałam i wyszukałam już odpowiedni fragment okazało się, że kolor jest taki jak na pierwszym zdjęciu, więc nie rozumiem czemu u mnie na forum jest inny (drugie zdjęcie).

Ktoś pomoże? Na końcu dodaje kod, którego używam.

powinno wyglądać
wygląda

Kod: Zaznacz cały

<link href="https://fonts.googleapis.com/css?family=Pathway Gothic One' rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=ms mincho' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Playfair Display SC' rel='stylesheet' type='text/css'>

<style>
/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
background: #120e0e url("LINK"); 
color: #fff6e6;
background-repeat: repeat;
background-attachment: fixed; 
}


/* This is the border line & background colour round the entire page */
.bodyline{
-webkit-box-shadow: 0 0 3px #333333;
background-color: #130e0e;
border-right: 3px solid 1d1a1a;
border-left: 3px solid 1d1a1a;
border-top: none;
border-bottom: none;
text-shadow: 0px 0px 0px black;
}


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav1 { height: 14px; vertical-align: middle; background-color: 130e0e; border-radius: 2px; background-image: url(''); color: #AF863E;}
.nav_top { font-family: 'Pathway Gothic One'; color: #AF863E; padding: 0; margin: 0; }
.nav_top li {  float: center; display: inline;  }    
.nav_top a:link, .nav_top a:visited {float: center; font-size:11px;font-style: none;font-weight: lighter;letter-spacing: 1px; text-transform: lowercase;-moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear;color: #AF863E}
.nav_top a:link.active, .nav_top a:visited.active, .nav_top a:hover { background: url(); opacity: 0.4;text-shadow: -2px 0px #fff, 3px 0px #fff;-moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear;color: #AF863E}


/* This is the outline round the main forum tables */
.forumline{ background-color: #130e0e;
border-left: 1px dotted #AF863E;
border-right: 1px dotted #AF863E;
border-bottom: none;
border-top: none}

/* General font families for common tags */
font,th,td,p { font-family: Arial;}
a:link,a:active,a:visited	{ color: #5f5f5f; }
p, td	{ font-size: 13px; color: #3b3632;
 	-webkit-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;}
a:hover { text-decoration: none; color : #6d635c;
 	-webkit-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;}
hr{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* Main table cell colours and backgrounds */
td.row1	{ background-color:130e0e;}
td.row2	{ background-color:130e0e; } 
td.row3	{ background-color: 130e0e; }
td.row_helped { background-color: 130e0e; }


/*This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum*/


td.rowpic {
background-color: transparent; 
background-image: url(''); 
background-repeat: repeat-y; height: 0px; 
}


/* Header cells - the blue and silver gradient backgrounds */

th {
height:20px;
color: #5B445D;
font-family: 'Pathway Gothic One';
font-size: 13px;
text-transform: uppercase;
background-color: #AF863E;
border-radius: 0px;
border-bottom: 1px dotted #3b3632;
background-image: none;
font-weight: lighter;
letter-spacing: 1px;}

td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color: transparent;
background-image: none; 
border: none;
}

/* Setting additional nice inner borders for the main table cells.  */ 
td.cat,td.catHead,td.catBottom { background-color: transparent; 
background-image: url('');  height: 0px;} 

th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom { font-weight: lighter !important; height: 28px; color; #d8d2be; } 

th.thCornerL,th.thTop,th.thCornerR {
height:20px;
color: #5B445D;
font-family: 'Pathway Gothic One';
font-size: 13px;
text-transform: uppercase;
background-color: #AF863E;
border-radius: 0px;
border-bottom: 1px dotted #3b3632;
background-image: none;
font-weight: lighter;
letter-spacing: 1px;}


td.row3Right,td.spaceRow { background-color: transparent; color: transparent; border: 0px #d8d2be; border-style: solid; } 

th.thHead,td.catHead { font-size: 0px; border-width: 0px;display:none }


/* General text */
.gen { font-size : 13px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 12px;}
.gen,.genmed,.gensmall { color : #6c6c6c; text-decoration: none; !important;  }
a.gen,a.genmed,a.gensmall { color: #6c6c6c; text-decoration: none; !important;
        -webkit-transition-duration: 1.2s;
        -o-transition-duration: 1.2s;
        -moz-transition-duration: 1.2s;}
a.gen:hover,a.genmed:hover,a.gensmall:hover     { color: #5f5f5f; text-decoration: none; !important;
        -webkit-transition-duration: 1.2s;
        -o-transition-duration: 1.2s;
        -moz-transition-duration: 1.2s;}
.gensmall a:link{ text-decoration: none; !important;}
.genmed a:link{ text-decoration: none; !important;}
.gen a:link{ text-decoration: none; !important;}
.gensmall:visited{ text-decoration: none; !important;}
.genmed:visited { text-decoration: none; !important;}
.gen:visited { text-decoration: none; !important;}

/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 17px; font-family: century gothic;
text-decoration: none; line-height : 120%; color: #5f5f5f;
}

/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 12px; color : #c9bba5; }
a.mainmenu { font-size: 12px; color: #c9bba5; text-decoration: bold; font-weight:bold; padding: 3px; text-transform: uppercase; -webkit-transition-duration: 1.2s;-o-transition-duration: 1.2s;-moz-transition-duration: 1.2s;}

a.mainmenu:hover { color:#6a5a40; text-decoration: bold; background-color: transparent; padding: 3px; -webkit-transition-duration: 1.2s;-o-transition-duration: 1.2s;-moz-transition-duration: 1.2s;}

/* Forum category titles */
.cattitle { font-weight: bold; font-size: 0px; letter-spacing: -5px; color: none;}
a.cattitle { text-decoration: none; color: none; }
a.cattitle:hover { text-decoration: bold; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink{font-family: Pathway Gothic One; font-size: 20px; color: #333333; margin-left: 10px; text-transform: lowercase;font-weight: lighter;  }
a.forumlink {font-family: Pathway Gothic One; text-decoration: none; color: #3e2e40; margin-left: 10px; text-transform: uppercase;-webkit-transition-duration:1s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;font-weight: lighter;}
a.forumlink:hover{ color:333333;font-family: Pathway Gothic One;font-weight: lighter; margin-left: 15px; border-bottom: 1px dotted AF863E;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;}

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 12px; color : #897d74; }
a.topictitle:link { text-decoration: none; color : #897d74; }
a.topictitle:visited { text-decoration: none; color : #897d74; }
a.topictitle:hover { text-decoration: bold; color: #7b7068; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #64d2ee;}

.name a { display: block; text-align: center; text-transform: uppercase; text-decoration:none; font-family: Pathway Gothic One !important;font-style: italic; font-size: 21px !important; line-height: 10px; margin-top: 5px; position:relative;}

.name a:hover { display: block; text-align: center; text-transform: uppercase; text-decoration:none !important; font-family: 'Pathway Gothic One', italic; font-size: 21px !important; line-height: 10px; border-bottom: none;}

.ab { width: 200px; background-color: #e0ddd0; border-radius: 0px 0px 10px 10px; margin-top: -25px; box-shadow: 0px 0px 5px #777;}

/* Location, number of posts, post date etc */
.postdetails { font-size: 12px; color: #7b7068; }

/* The content of the posts (body of text) */
.postbody { font-family: verdana; font-size : 13px; color: 7e7e7e; line-height: 18px; display: block; text-align: justify; margin: 10px;}
a.postlink:link	{ text-decoration: bold; color : #3b3632;}
a.postlink:visited {text-decoration: bold; color : #3b3632;}
a.postlink:hover { text-decoration: bold; color : #64d2ee; }

.postdetails img {
box-shadow: 0px 0px 0px #777;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
border-radius: 5px;
border: 3px solid 3f2e2e;
}

/* Quote & Code blocks */
.code { font-family: arial; font-size: 12px; color: #7e7e7e; background-color: transparent; border: none; border-bottom: 2px solid #AF863E;  display: block; text-align: justify; margin: 8px;}

.quote {font-family: arial; font-size: 12px; color: #7e7e7e; background-color: transparent; border: none; border-bottom: 1px dotted AF863E; display: block; text-align: justify; margin: 8px;
}

/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana; color: #3b3632; letter-spacing: -1px; background: url(images/cellpic2.gif)}
a.copyright { color: #3b3632; text-decoration: none;}
a.copyright:hover { color: #3b3632; text-decoration: bold;}

/* Form elements */

form { margin: 0; }
form { display: inline; }

input,textarea, select {
color : #5f5f5f;
font-size: 12px;
font-family: Verdana;
}

/* The text input fields background colour */
input.post, textarea.post, select{ background-color :1d1a1a; border:none;}
input.post2, textarea.post2, select{ background-color: 1d1a1a !important; border: 1px dotted AF863E; }
input{ text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color: #1d1a1a;
border: 0px; 
font-size: 12px; 
height: 18px;
font-family: arial;
cursor:pointer;
color:5f5f5f;
}

/* The main submit button option */
input.mainoption {
background-color: #1d1a1a;
border: 0px; 
font-size: 12px; 
height: 18px;
font-family: arial;
font-weight:bold;
cursor:pointer;
}

/* None-bold submit button */
input.liteoption {
background-color: #1d1a1a;
border: 0px; 
font-size: 12px; 
height: 18px;
font-family: arial;
font-weight:normal;
cursor:pointer;
}

/* This is the line in the posting page which shows the rollover help line. This is actually a text box, but if set to be the samecolour as the background no one will know*/
.helpline { background-color: transparent; border-style: none; }

/* Highlight bad words for moderators instead of censoring them */
span.badwordhighlight { background-color: transparent; }

.topbkg { background: #d8d2be url('') repeat-x }
.topnav { font-size:10px;background: #d8d2be url('') repeat-x; color:#3b3632; height: 21px; white-space: nowrap; text-align: center; border: 0px solid #91a0ae; border-width: 1px 0 1px 0 }

.pm { font-size: 13px; text-decoration: none; color: #64d2ee; }
.table0
{padding: 4px;
border: 0px solid #fefefe;
color : #3b3632;
font-size : 12px;
}

.sb1 { background-color: transparent; }
.sb2 { background-color: transparent; }


.pagination {
	padding: 4px;
	border: 0px solid #fefefe;
	color : #3b3632;
	font-size : 12px;
background-color: transparent; 
}
.pagination a, .pagination a:visited, .pagination a:active {
	padding: 4px;
	border: 0px solid #fefefe;
	color : #3b3632;
	font-size : 12px;
background-color: transparent; 

}
.pagination a:hover {
padding: 4px;
border: 0px solid #fefefe;
color : #3b3632;
font-size : 12px;
background-color: transparent; 
}
/* Podziel się na */
.shareon {
display: none;
}
.shareon:hover {
display: none;
}

</style>


<style>
::-webkit-scrollbar { 
    width: 7px; background-color: 201919; 
} 
  
::-webkit-scrollbar-track {  
    border-radius: 0px; 
} 
  
::-webkit-scrollbar-thumb { 
    border-radius: 0px; 
    background: #AF863E;  
}

::-moz-scrollbar { 
    width: 7px; background-color: f1f0ee; 
} 
  
::-moz-scrollbar-track {  
    border-radius: 0px; 
} 
  
::-moz-scrollbar-thumb { 
    border-radius: 0px; 
    background: #aeafaa; 
}

::-o-scrollbar { 
    width: 7px; background-color: f1f0ee; 
} 
  
::-o-scrollbar-track {  
    border-radius: 0px; 
} 
  
::-o-scrollbar-thumb { 
    border-radius: 0px; 
    background: #aeafaa; 
}
</style>

Awatar użytkownika

#34639 08 lis 2017, 15:33

Z tego stylu co wysłałaś wygląda tak jak u Corazon, z resztą tutaj masz podgląd tego kodu:
Testowe Disneyowe
Kolory pewnie sama pomieszałaś w pa. wyślij zdjęcia jak to masz zaznaczone w pa, pewni tam jest problem. Gdyby dalej coś było niejasne daj znać na GG lub pw, postarm się pomóc

#34642 08 lis 2017, 18:47

Ten styl ma błąd na przeglądarce firefox, gdyż w kilku miejscach stylu brakuje "#" przy określeniu koloru tych tabel.
Oraz to:
.ab { width: 200px; background-color: #e0ddd0; border-radius: 0px 0px 10px 10px; margin-top: -25px; box-shadow: 0px 0px 5px #777;}
Te niedokończone kody kolorów, co wyżej pogrubiłam FF też źle czyta, trzeba je dokończyć tak by miały prawidłowe 6 cyfr.

Ja na swoim forum (Prastare Wrota) używałam tego stylu i tam to wszystko jest poprawione, ale kolorystyka jest zmieniona. Niemniej możesz sobie to tam sprawdzić.

Awatar użytkownika
Moje fora
czekam na jakąś perełkę
nigdzie się nie wybieram
 6588096

#34958 18 lis 2017, 20:56

dzięki wielkie :-)

ODPOWIEDZ ]