Edycja Skina

[DiiL]

Witam,

Mam takie pytanie. Mam zainstalowany skin i i zdecydowałem pliki graficzne do swoich potrzeb, wgrałem na FTP a następnie wykonałem

Narzędzia szablonów > Przebuduj

Tyle wystarczy bo coś nie widzę zmian.

Pozdrawiam

[DawPi]

Tzn. problem jest jakiego typu? Edytowane grafiki się nie pokazują? A mają taką samą nazwę ( i rozszerzenie )? Odświeżyłeś cache przeglądarki ( CTRL +R )?

[DiiL]

Tak wszystko ma takie same rozszerzenie, nazwę. Nawet usunąłem orginalny element i przebudowałem skin i dalej się wyświetla ;/

[Amfidiusz]

Jeżeli zdecydowałeś się zdecydować pliki graficzne, to winna jest zdecydowanie przeglądarka. Ctrl+F5 lub otwórz forum w jednej z alternatywnych przeglądarek.

[DiiL]

Ok już widać.

Ale mam problem z http://www.macforum.vot.pl/forum/ chodzi o menu bar.

Jest tylko jeden plik graficzny a to czarne tło to w CSS bo edytowałem i nić tylko jedne się zmienia ;/

[DawPi]

Nie rozumiem.

[Amfidiusz]

Ja Ciebie na prawdę nie rozumiem. Zostawiam wątek DawPiemu.

EDIT:

Hah, widzę, że jednak on też nie da rady

Edytowane 20 Października 2010 przez Amfidiusz

[DiiL]

jak jest Menu Bar to składa się z

activ_bg_nav.png

a te tło czarne to w CSS czy jak bo nie mogę znaleźć.

[DawPi]

Ja Ciebie na prawdę nie rozumiem. Zostawiam wątek DawPiemu.

Na nieprawdę wskakuj!

jak jest Menu Bar to składa się z

activ_bg_nav.png

a te tło czarne to w CSS czy jak bo nie mogę znaleźć.

FireBug i FF i jedziesz!

[Amfidiusz]

Nosz kurde, jeden z tych wyrazów, z którymi zawsze mam problem

Jeżeli znasz plik graficzny, to wyszukaj go w ipb_styles.css. Dla pełnej czerni linijka ta będzie wyglądała mniej więcej tak:

background: #000 url({style_images_url}/activ_bg_nav.png) repeat-x;

activ_bg_nav.png jest półprzezroczysty, więc czerń będziesz musiał zamienić na inny kolor.

[DiiL]

Nie wiem nie mogę znaleźć tego CSS. Kur... no już nie mogę

[DawPi]

Push, push, push!

A co na to autor tego płatnego skina? Powinien pomóc.

[Amfidiusz]

Wklej tu klasę, w której została użyta nazwa tej grafiki.

[DiiL]

/* Navigation */
#primary_nav {
padding: 0px 7px 0px 7px;
margin: 0px 2px 0px 2px;
background: url({style_images_url}/menu_bg_nav.png) repeat-x #191919;
font-size: 0.95em;
height: 36px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#primary_nav ul li, #primary_nav ul li a {
color: #262626;
text-decoration: none;
}
#primary_nav ul li {
font-size: 0.95em;
padding: 10px;
}
#primary_nav ul li.active {
font-size: 1.05em;
font-weight: bold;
padding: 0;			
position: relative;		
}
#primary_nav ul li.active a {
background: url({style_images_url}/activ_bg_nav.png) repeat-x;
    padding: 10px;
display: block;
color: #fff;
text-shadow: 0px 1px 1px #242323;	
}
#primary_nav ul li.active a:hover {
color: #fff;
text-shadow: 0px 1px 1px #242323;
}
#user_navigation {
background: #FFF;
border: 1px solid #D6D6D6;
font-size: 0.9em;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
   -moz-box-shadow:0 1px 2px #DDDDDD;
   -webkit-box-shadow:0 1px 2px #DDDDDD;
position: absolute;
width: 284px;
top: 32px;
right: 1px;
float: right;
z-index: 9999;
}
#user_navigation a {
color: #262626;
text-decoration: none;
}
#user_navigation .photo {
	border: 1px solid #DDDDDD;
	margin: 6px 10px 6px 6px;
	float: left;
}

#user_info {
	margin-left: 60px;
	margin-right: 15px;
}

#user_navigation p {
	color: #262626;
	margin-top: 6px;
	white-space: nowrap;
}

	#user_navigation p a {
		color: #c8c8c8;
	}		
	#user_navigation ul {
		font-size: 0.88em;
		margin-top: 4px;
	}
		#user_navigation ul a {
			color: #262626;
		}

		#user_navigation ul#user_other {	
margin-left:10px;
position:absolute;
top:35px;
		}

		#user_navigation ul#user_other li {
			float: left;
			padding: 0 4px;
		}

#user_navigation ul#user_link_menucontent {
	background: #FFF;
	border: 1px solid #DDDDDD;
	margin-top: 0px;
	width: 170px;		
	float: right;
	z-index: 10000;
}

	#user_navigation ul#user_link_menucontent li {
		padding: 1px;
		float: none;
	}

	#user_navigation ul#user_link_menucontent a {
		color: #1d3652;
		text-decoration: none;
		padding: 5px 5px 5px 15px;
		display: block;
	}
#user_navigation #user_link {
border:1px solid #ddd;
display:inline-block;
margin:6px 5px 0 8px;
min-width:110px;
overflow:hidden;
padding:3px 26px 3px 10px;
position:absolute;
right:59px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#user_link a {
color: #262626;
}

	#user_navigation #user_link img {
		right: 5px;
		top: 8px;
		position: absolute;
	}

#user_navigation.not_logged_in {
	color: #333;
	font-size: 1em;
	padding: 15px 25px;
}

	#user_navigation.not_logged_in a {
		margin-bottom: 4px;
	}

#search {
color: #556b85;
font-size: 0.85em;
margin: 6px 4px auto auto;
position: relative;
right: 0px;
float: right;
}


#search input#main_search {
background: #fff;
padding-left: 9px;
color:#7E7E7E;
border: none;

}
#search label,
#search input,
#search #adv_search {
float: left;
}
#secondary_nav {
background-position: top;
color: #888;
font-size: 0.9em;
padding: 10px 10px 35px 10px;
clear: both;
}
#secondary_nav li {
	padding-right: 7px;
	float: left;
	color: #393939;
}

	#secondary_nav #section_links li {
		padding: 0 5px;
	}

#secondary_nav a {
	color: #393939;
	text-decoration: none;
}

#rss_menu {
background-color:#FFDFBE;
border:1px solid #FF7600;
display:block;
padding:1px;
width:200px;
z-index:500;
}

#secondary_nav #section_links #rss_menu li {
	padding: 0;
	display: block;
	float: none;
}

#rss_menu a {
	display: block;
	padding: 3px;
	color: #FF7600;
}

	#rss_menu a:hover {
		background-color: #FF7600;
		color: #fff;
	}

#pm_notification {
background: url({style_images_url}/trans_bg.png);
color: #515151;
padding: 0;
margin: 0 20%;
width: 60%;
position: absolute;
z-index: 2000;
}

#pm_notification #pm_wrap {
	background: #f3f3f3;
	padding: 18px 0 30px 0;
	margin: 0 6px 6px 6px;
}

#pm_notification .photo {
	float: left;
	margin: 0 15px;
}

#pm_notification h2 {
	font-size: 1.5em;
	clear: none;
	margin: 0px 0 0 85px;
	color: #1c2837;
}

#pm_notification p {
	margin: 10px auto 0 95px;
}

#pm_notification .ok_thanks {
	text-align: center;
	padding: 6px;
	clear: both;
}

plik graficzny znalazłem od Menu Bara a tła Menu Bara nie moge odszukać.

[Amfidiusz]

OK, to z moich wskazówek z poprzedniego posta nic się nie zmieniło.

Znajdź:

#primary_nav ul li.active a {
       background: url({style_images_url}/activ_bg_nav.png) repeat-x;

Zamień na:

#primary_nav ul li.active a {
       background: #b0bac6 url({style_images_url}/activ_bg_nav.png) repeat-x;

Znajdź:

#primary_nav {
       padding: 0px 7px 0px 7px;
       margin: 0px 2px 0px 2px;
       background: url({style_images_url}/menu_bg_nav.png) repeat-x #191919;
       font-size: 0.95em;

Zamień na:

#primary_nav {
       padding: 0px 7px 0px 7px;
       margin: 0px 2px 0px 2px;
       background: #fff url({style_images_url}/menu_bg_nav.png) repeat-x;
       font-size: 0.95em;

I napisz, czy zadziałało

[DawPi]

Amfi skiniarz!

Go Gadget Go!!