Ustawianie loga w skórce Everton Dice
|
Ramses |
Dodany dnia 17.12.2010 21:57:46
|
Przedszkolak
Postów: 13 Ostrzeżeń: 5
Data rejestracji: 20.11.2010 09:43
|
Witam.
Mam stronę w PHP 7 i ogólnie wszystko gra. Jedynym problemem jest ustawienie loga - kiedy wgram je na serwer jest źle umieszczone.
Zakrywa takie panele jak: Strona główna, Forum, i w dodatku widać gruby pasek starego systemowego loga. Proszę o dokładne wytłumaczenie tego problemu.
PS. aby nie było niejasności: Link |
|
|
|
Wścibski Gość |
Dodany dnia 01.11.2024 19:36:51
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
jantom |
Dodany dnia 17.12.2010 22:03:30
|
Weteran
Postów: 3460 Pomógł: 123
Data rejestracji: 31.03.2005 20:10
|
Ok, to przechodzimy do konkretów - skórka zachowuje się poprawnie, po prostu autor nie przewidział, że ktoś będzie pakował tak duże logo.
Na razie proponuję z styles.css usunąć poniższą linię:
.title {
padding : 35px 10px 0 10px;
}
oraz dla odciążenia serwera, a bardziej transferu:
background : url(images/header.png) repeat-x;
|
|
|
|
Ramses |
Dodany dnia 17.12.2010 22:14:13
|
Przedszkolak
Postów: 13 Ostrzeżeń: 5
Data rejestracji: 20.11.2010 09:43
|
Jantom - niestety to też nie pomogło. Może szukać problemu w theme.php ? |
|
|
|
jantom |
Dodany dnia 17.12.2010 22:16:17
|
Weteran
Postów: 3460 Pomógł: 123
Data rejestracji: 31.03.2005 20:10
|
W theme.php nic nie ma, z tego co go oglądałem. Tylko i wyłącznie w pliku styli. No nic, trzeba będzie sprawdzić w praktyce.
Jakie wymiary ma ten obrazek, który tam pakujesz?
Edytowane przez jantom dnia 17.12.2010 22:21:37
|
|
|
|
Chemikpil |
Dodany dnia 17.12.2010 22:21:30
|
Bywalec
Postów: 999 Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
Jak możesz to daj adres strony, lepiej mi się eliminuje takie krzaczki przy użyciu FireBuga.
Edytowane przez Chemikpil dnia 17.12.2010 22:21:46
|
|
|
|
Ramses |
Dodany dnia 17.12.2010 22:22:54
|
Przedszkolak
Postów: 13 Ostrzeżeń: 5
Data rejestracji: 20.11.2010 09:43
|
Adres: Link
Jest tam wgrane to logo. Widać cały problem. |
|
|
|
Pieka |
Dodany dnia 17.12.2010 22:23:14
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
Podmien grafike, a scislej:
http://board-site.cba.pl/themes/EvertonDice/images/header.png
na wlasna, umieszczona obecnie jako logo, czyli:
http://board-site.cba.pl/images/logo.jpg
Oczywiscie zmien jej format lub nazwe pliku w styles.css.
Edytowane przez Pieka dnia 17.12.2010 22:33:02
Jestem jaki jestem
|
|
|
|
jantom |
Dodany dnia 17.12.2010 22:29:09
|
Weteran
Postów: 3460 Pomógł: 123
Data rejestracji: 31.03.2005 20:10
|
Nie ma po co podmieniać, podane przeze mnie rozwiązanie działa.
Korzystam z takiego pliku styli:
* {
margin : 0;
padding : 0;
}
a {
text-decoration : none;
color : #3366cc;
}
a:hover {
text-decoration : underline;
color : #0066ff;
}
a.side, #left-side a, #right-side a {
text-decoration : none;
color : #777;
}
a:hover.side, #left-side a:hover, #right-side a:hover {
text-decoration : none;
color : #111;
}
body {
background : #e4e4e4 url(images/body-bg.png) repeat-x;
color : #444;
font : normal 62.5% "Lucida Sans Unicode",sans-serif;
margin : 0;
}
hr {
height : 2px;
border-bottom : 1px solid #eee;
border-top : 1px solid #fff;
}
hr.side-hr {
height : 2px;
border-bottom : 1px solid #e5e5e5;
border-top : 1px solid #eee;
}
.button {
font : 11px "Lucida Sans Unicode",sans-serif;
color : #777;
background : #eee;
border : 1px solid #e5e5e5;
margin-top : 2px;
}
.textbox {
font-family : "Lucida Sans Unicode",sans-serif;
font-size : 11px;
color : #555;
background : #f9f9f9;
border : 1px solid #eee;
padding : 3px;
}
.bbcode {
font-family : "Lucida Sans Unicode",sans-serif;
font-size : 11px;
background : #f9f9f9;
border : 1px solid #eee;
margin-top : 2px;
}
h1 {
font-size : 13px;
margin-bottom : 4px;
}
h1,h2,h3 {
font-size : 14px;
color : #99cc00;
padding : 6px 0 0 0;
}
.clearer {
clear : both;
}
.container {
background : #f9f9f9;
border-left : #ccc 1px solid;
border-right : #ccc 1px solid;
margin : 0 auto;
padding-bottom : 6px;
width : 950px;
}
.header {
height : 150px;
background : url(images/header.png) repeat-x;
}
.title {
/*padding : 35px 10px 0 10px;*/
}
#title {
font : bold 30px "Trebuchet MS", verdana, arial, sans-serif;
color : #fff;
line-height : 28px;
margin-top : 15px;
}
#title .subtitle {
font : bold 15px "Trebuchet MS", verdana, arial, sans-serif;
color : #000;
}
.main {
clear : both;
padding : 0px 0px;
}
#sub-header {
color : #fff;
margin : 0 0 8px 0;
padding : 0;
float : left;
font-size : 11px;
width : 100%;
overflow : hidden;
background : #000 url(images/sub-header-bg2.png) center center repeat-x;
}
#sub-header li {
font-size : 11px;
display : inline;
}
#sub-header li a {
float : left;
color : #fff;
padding : 6px 11px;
text-decoration : none;
border-right : 1px solid #666;
}
#sub-header li a:hover {
color : white;
background : transparent url(images/sub-header-bg.png) center center repeat-x;
}
#left-side {
font-size : 11px;
background : #eef6ff;
border : 1px solid #e5e5e5;
float : left;
width : 180px;
padding : 0 4px 0 4px;
margin : 0 0 0 5px;
}
#right-side {
font-size : 11px;
background : #eef6ff;
border : 1px solid #e5e5e5;
float : right;
width : 180px;
padding : 0 4px 0 4px;
margin : 0 5px 0 0px;
}
#navigation h2, #left-side h1, #right-side h1 {
color : #000;
font-size : 13px;
height : 20px;
margin-top : 6px;
}
#navigation ul {
border-top : 1px solid #fafafa;
background : url(images/bgul.gif) repeat-x;
margin : 0;
padding : 0;
}
#navigation li {
font-size : 11px;
border : 1px solid #fafafa;
border-top : none;
list-style : none;
margin : 0;
}
#navigation li a {
color : #777;
display : block;
padding : 3px 6px 3px 4px;
text-decoration : none;
}
#navigation li a:hover {
color : #111;
}
#holder {
width : 100%;
overflow : auto;
}
#main-content {
padding-top : 0;
}
.side-both #main-content { margin : 0 197px 0 197px; }
.side-left #main-content { margin : 0 0 0 197px; }
.side-right #main-content { margin : 0 197px 0 0; }
#main-content .item {
font-size : 12px;
padding : 0 12px 6px 12px;
border : 1px solid #eee;
background : #fff;
margin-bottom : 8px;
}
#main-content .descr {
font-size : 10px;
color : #333;
margin-bottom : 6px;
}
#main-content .news-footer {
font-size : 10px;
color : #333;
text-align : right;
margin-top : 12px;
}
#main-content li {
list-style : url(img/li.gif);
margin-left : 18px;
}
#footer {
background : url(images/footer.png) repeat-x;
border : 1px solid #fff;
color : #fff;
font-size : 10px;
margin : 8px;
padding : 6px;
}
#footer a {
color : #99cc00;
text-decoration : none;
}
#footer a:hover {
color : #99cc00;
text-decoration : underline;
}
.pagenav {
font-size : 11px;
padding : 4px;
}
.pagenav span {
color : #111;
background : #eee;
border : 1px solid #e5e5e5;
padding : 2px 4px;
margin : 2px;
}
.pagenav a {
text-decoration : none;
color : #777;
background : #eee;
border : 1px solid #e5e5e5;
padding : 2px 4px;
margin : 2px;
}
.pagenav a:hover {
text-decoration : none;
background : #eee;
color : #111;
margin : 2px;
}
.news-category {
border:0;
margin:3px 5px 0 0;
float:left;
}
.side-border-left {
padding : 10px 0 10px 0;
width : 200px;
}
.side-body {
background : #eee;
border : 1px solid #e5e5e5;
}
.tbl-border {
border : 1px solid #eee;
}
.tbl {
font-size : 11px;
padding : 4px;
}
.tbl1 {
font-size : 11px;
background : #fff;
padding : 4px;
}
.tbl2 {
font-size : 11px;
background : #f1f1f1;
padding : 4px;
}
.forum-caption {
font-size : 11px;
color : #000;
background : #d2d2d2;
padding : 2px 4px 3px;
}
.quote {
background : url(images/bgcode.gif);
border : 1px solid #f0f0f0;
border-left : 6px solid #3399ff;
color : #555;
display : block;
font : normal 11px "Lucida Sans Unicode",serif;
margin-bottom : 12px;
padding : 8px 10px;
}
.poll {
height : 12px;
border : 1px solid #000;
}
.comment-name {
color : #3366cc;
}
.shoutboxname {
color : #777;
}
.shoutbox {
color : #555;
}
.shoutboxdate {
font-size : 9px;
color : #666;
}
.small {
font-size : 11px;
font-weight : normal;
}
.small2 {
font-size : 11px;
font-weight : normal;
color : #888;
}
.side-small {
font-size : 11px;
}
.side-label {
font-weight : bold;
color : #666;
padding : 2px;
}
.center {margin : 0 auto;}
.center, *[align="center"] {margin : 0 auto;}
.flleft {float : left !important;}
.flright {float : right !important;}
.clear {clear : both;}
Bez tego będziemy mieli do czynienia z gubiącymi się stylami.
Edytowane przez jantom dnia 17.12.2010 22:30:44
|
|
|
|
Pieka |
Dodany dnia 17.12.2010 22:30:26
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
No wiesz, grafike latwiej podmienic niz grzebac w plikach
Jestem jaki jestem
|
|
|
|
Ramses |
Dodany dnia 17.12.2010 22:38:51
|
Przedszkolak
Postów: 13 Ostrzeżeń: 5
Data rejestracji: 20.11.2010 09:43
|
Zrobiłem oba sposoby na 100% dobrze i nie skutkuje. Czy jeszcze cuś jest ? |
|
|
|
Pieka |
Dodany dnia 17.12.2010 22:39:35
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
Ramses napisał/a:
Zrobiłem oba sposoby na 100% dobrze i nie skutkuje. Czy jeszcze cuś jest ?
Zartujesz? Od 20 minut widze na Twojej stronie poprawne logo.
Jestem jaki jestem
|
|
|
|
Ramses |
Dodany dnia 17.12.2010 22:40:46
|
Przedszkolak
Postów: 13 Ostrzeżeń: 5
Data rejestracji: 20.11.2010 09:43
|
Naprawdę ? Ja ciągle widzę to samo... |
|
|
|
Pieka |
Dodany dnia 17.12.2010 22:45:04
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
Ramses napisał/a:
Naprawdę ? Ja ciągle widzę to samo...
Wybacz, ale omamow poki co nie mam.
Jestem jaki jestem
|
|
|
|
Ramses |
Dodany dnia 17.12.2010 22:48:01
|
Przedszkolak
Postów: 13 Ostrzeżeń: 5
Data rejestracji: 20.11.2010 09:43
|
Tak - rzeczywiście jest dobrze. Pieka - przepraszam masz racje. Dziękuje i temat do zamknięcia. |
|
|