ROZWIĄZANY: Skin forum a skin bloga

**matma4u** · 9 Listopada 2009

Jak zlikwidować różnice pomiędzy skinem bloga a skinem forum? Chodzi mi o kolory odnośników, tekstu itd. Chcę mieć wszystko tak jak na forum.

A na blogu mam tak.

Nie wiem gdzie mam szukać w plikach.

DawPi · 9 Listopada 2009

Nigdzie w plikach, tylko w skinie.

Tylko nie ma na to gotowego rozwiązania. Wiem, że na pewno musisz fragmentami z głównego nagłówka forum wklejać do nagłówka blogów. Kiedyś to robiłem - nieźle się przy tym pogimnastykowałem.

**matma4u** · 9 Listopada 2009

Tego obawiałem się. Myślałem, że szkielet skina jest pobierany z tego samego pliku css3.css więc menu itd powinno być identyczne, ale myliłem się. To czeka mnie sporo zabawy.

Ale dla jasności: rozumiem, że ma nie grzebać w pliku blog_Css. css, tylko w skinie wstawiać odpowiednie wartości z css

DawPi · 9 Listopada 2009

Nie. Wstawiać kod HTML z bitu headera skina do headera bloga.

**matma4u** · 9 Listopada 2009

Z tego global_board_header do tego blog_header

DawPi · 9 Listopada 2009

Hym, bodajże tak, pokaż zawartość tego bitu z bloga.

**matma4u** · 9 Listopada 2009

<script type="text/javascript">
//<![CDATA[
   var ipb_var_blog_id = "{$blog['blog_id']}";
   var ipb_var_blog_url = "{$blog['blog_url']}";
var ipb_lang_blog_sure_delcblock = "{$this->ipsclass->lang['blog_sure_delcblock']}";
var ipb_lang_theme_reset_confirm = "{$this->ipsclass->lang['blog_theme_reset']}";
function delete_entry(theURL)
{
	if (confirm( "{$this->ipsclass->lang['sure_delentry']}" ))
	{
		window.location.href=theURL;
	}
	else
	{
		alert ( "{$this->ipsclass->lang['del_no_action']}" );
	}
}
function delete_comment(theURL)
{
	if (confirm( "{$this->ipsclass->lang['sure_delcomment']}" ))
	{
		window.location.href=theURL;
	}
	else
	{
		alert ( "{$this->ipsclass->lang['del_no_action']}" );
	}
}
function sendtrackback_pop(eid)
{
	ShowHide("modmenuopen_"+eid, "modmenuclosed_"+eid);
	window.open("{$this->ipsclass->vars['board_url']}/index.{$this->ipsclass->vars['php_ext']}?autocom=blog&req=sendtrackback&eid="+eid+"&s={$this->ipsclass->session_id}","SendTrackback","width=600,height=300,resizable=yes,scrollbars=yes");
}
function permalink_to_entry(eid){
	temp = prompt( "{$this->ipsclass->lang['permalink_prompt']}", "{$this->ipsclass->base_url}autocom=blog&blogid={$blog['blog_id']}&showentry="+eid );
	return false;
}
function emo_pop( formobj )
{
	emoticon = function( ecode, eobj, eurl ){
		document.getElementById( formobj ).value += ' ' + ecode + ' ';
	}
	window.open("{$this->ipsclass->vars['board_url']}/index.{$this->ipsclass->vars['php_ext']}?act=legends&CODE=emoticons&s={$this->ipsclass->session_id}","Legends","width=250,height=500,resizable=yes,scrollbars=yes");
}
function bbc_pop()
{
	window.open("{$this->ipsclass->vars['board_url']}/index.{$this->ipsclass->vars['php_ext']}?act=legends&CODE=bbcode&s={$this->ipsclass->session_id}","Legends","width=700,height=500,resizable=yes,scrollbars=yes");
}
//]]>
</script>
<if="$blog['header_image']">
<div id="logostrip"><a href='{$this->ipsclass->vars['blog_url']}'><img src='{$blog['header_image']}' style='vertical-align:top' alt='{$blog['blog_name']}' border='0' /></a></div>
<else />
<div id="logostrip"><a href='{$this->ipsclass->vars['blog_url']}'><div style="float:left;"><img src='{$this->ipsclass->vars['img_url']}/logo_blog.gif' style='vertical-align:top' alt='{$blog['blog_name']}' border='0' /></div>
<div style="padding: 15px 0px 0px 0px; color:#FFFFFF; text-decoration:none; width:auto; position:absolute; left:70px; "><b><span style="font-size:24px;">{$blog['blog_name']}</span><br /><br />{$blog['blog_desc']}</b></div></a></div>
</if>
<div id="submenu">
	<!--ipb.leftlinks.start-->
	<div id='submenu_left'>
		<a href="{$this->ipsclass->vars['blog_url']}">{$blog['blog_name']}</a>
	</div>
	<!--ipb.leftlinks.end-->
	<!--ipb.rightlinks.start-->
	<div id='submenu_right'>
		<a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a>
		<a href="{$this->ipsclass->base_url}act=Search&f={$this->ipsclass->input['f']}" id="ipb-tl-search">{$this->ipsclass->lang['tb_search']}</a>
		<a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a>
		<a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a>
		<if="$component_links != """>
			{$component_links}
		</if>
		<a href='{$this->ipsclass->base_url}act=idx'>{$this->ipsclass->lang['forums']}</a>
		<div class='popupmenu-new' id='ipb-tl-search_menu' style='display:none;width:210px'>
			<form action="{$this->ipsclass->base_url}act=Search&CODE=01&forums=all" method="post">
				<input type="text" size="20" name="keywords" id='ipb-tl-search-box' />
				<input class="button" type="image" style='border:0px' src="{$this->ipsclass->vars['img_url']}/login-button.gif" />
			</form>
			<div style='padding:4px'>
				<a href='{$this->ipsclass->base_url}act=Search'>{$this->ipsclass->lang['gbl_more_search']}</a>
			</div>
		</div>
		<script type="text/javascript">
			ipsmenu.register( "ipb-tl-search", 'document.getElementById("ipb-tl-search-box").focus();' );
		</script>
	<!--ipb.rightlinks.end-->
	</div>
</div>
<!--BLOG.TEMPLATE.MEMBERBAR-->
<table width="100%" cellspacing="2" cellpadding="0">
<tr><td width='99%' style='text-align: left; padding-left: 10px'>
<!--BLOG.TEMPLATE.NAVIGATION-->
</td>
<if="$this->ipsclass->member['id'] == $blog['member_id']">
	<td width='1%'>
		<div class='popmenubutton'><a href='javascript:blogsettings_pop();'>{$this->ipsclass->lang['blog_settings_link']}</a></div>
	</td>
	<td width='1%'>
		<div class='popmenubutton' id='cblock-options'><a href='#cblockoptions'>{$this->ipsclass->lang['cblocks_menu']}</a> <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' /></div>
	</td>
	<if="$this->ipsclass->vars['blog_headers'] AND $header_js">
	<td width='1%'>
		<div class='popmenubutton' id='headers-menu'><a href='#headersmenu'>{$this->ipsclass->lang['headers_menu']}</a> <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' /></div>
<script type='text/javascript'>
//<![CDATA[
menu_build_menu(
 "headers-menu",
 new Array( {$header_js} ) );
//]]>
</script>
	</td>
	</if>
	<if="$this->ipsclass->vars['blog_themes'] AND $theme_js">
	<td width='1%'>
		<div class='popmenubutton' id='themes-menu'><a href='#themesmenu'>{$this->ipsclass->lang['themes_menu']}</a> <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' /></div>
<script type='text/javascript'>
//<![CDATA[
menu_build_menu(
 "themes-menu",
 new Array( {$theme_js} ) );
//]]>
</script>
	</td>
	</if>
<script type='text/javascript'>
//<![CDATA[
{$cblock_js}
//]]>
</script>
</if>
<if="$blog['allow_entry']">
	<td width='1%'>
		<div class='popmenubutton' id='entry-menu'><a href='{$this->ipsclass->vars['blog_url']}req=postblog'>{$this->ipsclass->lang['entries_menu']}</a> <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' /></div>
<script type='text/javascript'>
//<![CDATA[
menu_build_menu(
 "entry-menu",
 new Array( img_item + " <a href='{$this->ipsclass->vars['blog_url']}req=postblog'>{$this->ipsclass->lang['add_entry']}</a>",
            img_item + " {$toggle_draft}" ) );
//]]>
</script>
	</td>
</if>
<if="$this->ipsclass->vars['blog_enable_rating']">
	<td width='1%'>
	<if="$blog['_allow_rating']">
		<div class='popmenubutton' id='blog-rating'>
			<a href='#blograting'>{$this->ipsclass->lang['blog_rating']}</a>
			{$blog['_blog_rate_img']} <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' />
		</div>
	<else />
		<div class='popmenubutton' id='blog-rating'>
			{$this->ipsclass->lang['blog_rating']} {$blog['_blog_rate_img']}
		</div>
	</if>
	<if="$blog['_allow_rating']">
		<div id='blog-rating_menu' class='popupmenu-new' style='display:none;width:140px'>
			<div class='popupmenu-item'>
				<div id='blog-rating-wrapper'></div>
			</div>
			<div class='popupmenu-item'>
				{$this->ipsclass->lang['you_have_rated_x']} <span id='blog-rating-my-rating'>{$blog['current_rating']}</span>
			</div>
			<div class='popupmenu-item-last'>
				{$this->ipsclass->lang['total_ratings']} <span id='blog-rating-hits'>{$blog['blog_rating_count']}</span>
				<if="$this->ipsclass->vars['blog_rating_treshhold'] > 0 AND $blog['blog_rating_count'] < $this->ipsclass->vars['blog_rating_treshhold']">
					<br />{$this->ipsclass->lang['blog_rating_treshhold']} {$this->ipsclass->vars['blog_rating_treshhold']}
				</if>
			</div>
		</div>
		<script type='text/javascript'>
			ipsmenu.register( "blog-rating" );
		</script>
	</if>
	</td>
</if>
</tr>
</table>
<if="$this->ipsclass->member['id']">
<script type="text/javascript">
//<![CDATA[
blog_rate.settings['allow_rating']       = parseInt("{$blog['_allow_rating']}");
blog_rate.settings['default_rating']     = parseInt("{$blog['_rate_int']}");
blog_rate.settings['img_base_url']       = ipb_var_image_url + '/folder_topic_view';
blog_rate.settings['div_rating_wrapper'] = 'blog-rating-wrapper';
blog_rate.settings['text_rating_image']  = 'blog-rating-img-';
blog_rate.languages['img_alt_rate']      = "{$this->ipsclass->lang['blog_img_alt_rate']}";
blog_rate.languages['rate_me']           = "{$this->ipsclass->lang['blog_rate_me']}";
blog_rate.init_rating_images();
//]]>
</script>
</if>

<if="$this->ipsclass->member['id'] == $blog['member_id']">
<div class='borderwrap' id='theme_form' style='display:none;width:450px;'>
<div class='maintitle' id='theme-drag' title='{$this->ipsclass->lang['click_n_hold']}'>
	<div style='float:right'><a href='#' onclick='return colorpickerHide();'>[X]</a></div>
	<div>{$this->ipsclass->lang['blog_theme_editor']}</div>
</div>
<form action='{$this->ipsclass->base_url}autocom=blog&req=saveTheme' method='post'>
<div id='theme-content' style='overflow-x:auto;'>
<div id='update_div' class='tablepad' style='display:none;'></div>
<div class='tablepad'>
	<table>
		<tr>
			<td valign="top">
				<div id="cp1_ColorMap"></div>
			</td>
			<td valign="top">
				<div id="cp1_ColorBar"></div>
			</td>

			<td valign="top">

				<table>
					<tr>
						<td colspan="3">
							<div id="cp1_Preview" style="background-color: #fff; width: 60px; height: 60px; padding: 0; margin: 0; border: solid 1px #000;">
								<br />
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<input type="radio" id="cp1_HueRadio" name="cp1_Mode" value="0" />
						</td>
						<td>
							<label for="cp1_HueRadio">H:</label>
						</td>
						<td>
							<input type="text" id="cp1_Hue" value="0" style="width: 40px;" /> °
						</td>
					</tr>

					<tr>
						<td>
							<input type="radio" id="cp1_SaturationRadio" name="cp1_Mode" value="1" />
						</td>
						<td>
							<label for="cp1_SaturationRadio">S:</label>
						</td>
						<td>
							<input type="text" id="cp1_Saturation" value="100" style="width: 40px;" /> %
						</td>
					</tr>

					<tr>
						<td>
							<input type="radio" id="cp1_BrightnessRadio" name="cp1_Mode" value="2" />
						</td>
						<td>
							<label for="cp1_BrightnessRadio">B:</label>
						</td>
						<td>
							<input type="text" id="cp1_Brightness" value="100" style="width: 40px;" /> %
						</td>
					</tr>

					<tr>
						<td colspan="3" height="5">

						</td>
					</tr>

					<tr>
						<td>
							<input type="radio" id="cp1_RedRadio" name="cp1_Mode" value="r" />
						</td>
						<td>
							<label for="cp1_RedRadio">R:</label>
						</td>
						<td>
							<input type="text" id="cp1_Red" value="255" style="width: 40px;" />
						</td>
					</tr>

					<tr>
						<td>
							<input type="radio" id="cp1_GreenRadio" name="cp1_Mode" value="g" />
						</td>
						<td>
							<label for="cp1_GreenRadio">G:</label>
						</td>
						<td>
							<input type="text" id="cp1_Green" value="0" style="width: 40px;" />
						</td>
					</tr>

					<tr>
						<td>
							<input type="radio" id="cp1_BlueRadio" name="cp1_Mode" value="b" />
						</td>
						<td>
							<label for="cp1_BlueRadio">B:</label>
						</td>
						<td>
							<input type="text" id="cp1_Blue" value="0" style="width: 40px;" />
						</td>
					</tr>


					<tr>
						<td>
							#:
						</td>
						<td colspan="2">
							<input type="text" id="cp1_Hex" value="FF0000" style="width: 60px;" />
						</td>
					</tr>

				</table>
			</td>
		</tr>
	</table>


<div style="display:none;">
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/rangearrows.gif" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/mappoint.gif" />

	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-saturation.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-brightness.png" />

	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-blue-tl.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-blue-tr.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-blue-bl.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-blue-br.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-red-tl.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-red-tr.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-red-bl.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-red-br.png" />	
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-green-tl.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-green-tr.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-green-bl.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/bar-green-br.png" />

	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-red-max.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-red-min.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-green-max.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-green-min.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-blue-max.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-blue-min.png" />

	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-saturation.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-saturation-overlay.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-brightness.png" />
	<img src="{$this->ipsclass->vars['board_url']}/jscripts/colorpicker/images/map-hue.png" />



</div>

</div>
<table cellpadding='4' cellspacing='1' width='100%'>
 <tr>
   <td class='row2' width='40%'><b>{$this->ipsclass->lang['blog_theme_css']}</b><div class='forumdesc'>{$this->ipsclass->lang['blog_theme_css_desc']}</div></td>
   <td class='row1'><textarea name='themeContent' id='themeContent' rows='10' cols='29'><if="$blog['blog_theme_custom']">{$blog['blog_theme_custom']}<else /><if="$blog['blog_theme_final']">{$blog['blog_theme_final']}<else /><if="$blog['blog_theme_id']">{$this->ipsclass->cache['blog_themes'][ $blog['blog_theme_id'] ]['theme_css']}</if></if></if></textarea></td>
 </tr>
 <tr>
   <td class='formbuttonrow' colspan='2' align='center'><input type='submit' value='{$this->ipsclass->lang['blog_theme_save']}' onclick='return save_theme();' />   <input type='submit' value='{$this->ipsclass->lang['blog_theme_preview']}' onclick='return theme_preview();' /></td>
 </tr>
</table>
</div>
</form>
</div>
</if>

DawPi · 9 Listopada 2009

Nono, to ta.

**matma4u** · 9 Listopada 2009

Wymiękam! Chyba mi się już wszystko podoba

DawPi · 9 Listopada 2009

Z czym wymiękasz? Trochu tak 'nieskładnie' napisałeś - że wymiękasz i że Ci się to podoba.

**matma4u** · 9 Listopada 2009

Nie nie. To był skrót myślowy. Po prostu pomyślałem sobie, że dziś tego nie zrobię już bo mam dość - kilka godzin grzebałem w arkuszu css

DawPi · 9 Listopada 2009

Daj znać, jak sobie poradzisz!

**matma4u** · 10 Listopada 2009

Daj znać, jak sobie poradzisz!

Dziś pełen sił przystąpiłem do dzieła i udało się!!! Otóż nie trzeba edytować żadnego skina. Problem jak zwykle leżał po stronie css. Otóż zauważyłem, że fora IPB w wersji 2.x.x mają sekcje body zdefiniowaną następująco (nas interesuję wyłącznie font-family) :

body{ 
background: #4E1F31;
color: #222;
font-family: Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
font-size: 11px;
line-height: 135%;
margin: 0px;
padding: 0px; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */
}

Nie będę tłumaczył co i jak tylko podam gotowe rozwiązanie. Tak zdefiniowany parametr font-family powoduje, że czcionki na forum a czcionki w konkretnym blogu różnią się. Rozwiązanie jest bardzo proste. Wystarczy zedytować plik blog_css.css

i wstawić wnim kod:

body{ 
font-family: verdana, helvetica, sans-serif;

}

Zapisać i wysłać na serwer.

P.S Położenie pliku blog_css.css można łatwo ustalić, wystarczy wejść na jakiegoś bloga, a następnie wyświetlić źródło strony i w nim znaleźć linijkę na wzór:

<style type='text/css'>
@import url(http://twojadomena.pl/jakiskatalog/blog_css.css);
</style>

Gdy znajdziemy tę linijkę to na jej podstawie szukamy pliku na serwerze.

DawPi · 10 Listopada 2009

aa, to Tobie tylko o te fonty chodziło.

**matma4u** · 10 Listopada 2009

Tak tylko o fonty, chciałem by wszystko było w jednym stylu. Reszta, tj kolory linków itd to już błahostka (wszystko ustawiamy w blog_css.css)

DawPi · 10 Listopada 2009

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.

Zaloguj się

ROZWIĄZANY: Skin forum a skin bloga

Rekomendowane odpowiedzi

matma4u

DawPi

matma4u

DawPi

matma4u

DawPi

matma4u

DawPi

matma4u

DawPi

matma4u

DawPi

matma4u

DawPi

matma4u

DawPi

Ostatnio przeglądający 0 użytkowników

Pliki

Cała aktywność

Przeglądaj

Powiadomienie o plikach cookie