ip.board Dodatkowy panel dolny

[Mario14125]

Zapewne większość z Was widziało nowe szablony od IPBFocus oraz panele dolne w nich. Postanowiłem dla własnych celów stworzyć coś innego i oto instrukcja oraz efekt końcowy.

Zaloguj się do ACP i przejdź do Wygląd *IP.Board Główne szablony globalTemplate

Znajdź:

<!-- ::: FOOTER (Change skin, language, mark as read, etc) ::: -->

Dodaj poniżej:

<footer id="siteinfo" role="contentinfo">
	<div id="siteinfo-company">
		<h3>Support IP.Board</h3>
		<ul>
			<li><a href="/contactus/">Kontakt z nami</a></li>
			<li><a href="/pages/credits">O nas</a></li>
			<li><a href="/pages/advertising">Reklama</a></li>
			<li><a href="/pages/jobs">Oferta pracy</a></li>
		</ul>
	</div>
	<div id="siteinfo-community">
		<h3>Społeczność</h3>
		<ul>
			<li><a href='{parse url="app=core&module=search&do=viewNewContent&search_app=<if test="viewnewcontentapp:|:$this->registry->getCurrentApplication() != 'core' AND IPSLib::appIsSearchable( $this->registry->getCurrentApplication() )">{$this->registry->getCurrentApplication()}<else />forums</if>" base="public"}' accesskey='2'>{$this->lang->words['view_new_posts']}</a></li>
			<li><a href="/statuses/all/">Aktualizacje statusu</a></li>
			<li><a href="/best-content/">Najbardziej lubiana zawartość</a></li>
			<if test="privvy:|:$this->settings['priv_title']"><li><a rel="nofollow" href='{parse url="app=core&module=global&section=privacy" template="privacy" seotitle="false" base="public"}'>{$this->settings['priv_title']}</a></li></if>
		</ul>
	</div>
	<div id="siteinfo-social">
		<h3>Połącz się z nami</h3>
		<ul>
			<li><a href="https://www.facebook.com/{ID_PAGE}" target="_blank">Dołącz do nas na Facebooku</a></li>
			<li><a href="https://www.twitter.com/{ID_PAGE}" target="_blank">Śledź nas na Twitterze</a></li>
		</ul>
	</div>
	<div id="siteinfo-account">
		<h3>Konto</h3>
		<if test="! $this->memberData["member_id"]"><ul>
			<li><a href="{parse url="app=core&module=global&section=register" base="public"}" title='{$this->lang->words['register']}'>Utwórz nowe konto</a></li>
			<li><a href='{parse url="app=core&module=global&section=login" base="public"}' title='{$this->lang->words['sign_in']}'>Zaloguj się do konta</a></li>
		</ul></if>
		<if test="$this->memberData[ 'member_id' ]"><ul>
			<li><a href="{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}" title='{$this->lang->words['your_profile']}'>Mój profil</a></li>
			<li><a href="{parse url="app=core&module=usercp" base="public"}" title="{$this->lang->words['cp_tool_tip']}">Moje ustawienia</a></li>
			<li><a href='{parse url="app=members&module=profile&section=friends&do=list" base="public"}' title="{$this->lang->words['manage_friends']}" class='manage_friends'>Zarządzaj znajomymi</a></li>
			<li><a href='{parse url="app=members&module=messaging" base="public"}' title='{$this->lang->words['your_messenger']}'>Mój osobisty komunikator</a></li>
		</ul></if>
	</div>
	<div id="siteinfo-content">
		<h3>Informacje serwisu</h3>
		<p class="copyright">
			Wszystkie wymienione znaki towarowe są własnością ich właścicieli.<br />
			Mario14125 © <strong>Support IP.Board</strong>, od 2007. Napędzany przez <a href="" target="_blank"><strong>dHosting</strong></a>.<br /><br />
			<span class="right"><a href='#' data-clicklaunch='changeSkin' data-skinid='3'>Zobacz wersję mobilną</a> | <a href="#top">Przejdź na górę</a></span>
		</p>
	</div>
</footer>

Przejdź do Wygląd *IP.Board CSS Dodaj plik CSS

siteInfo.css

/************************************************************************/
/* IP.Board 3 CSS - By Rikki Tissier - (c)2011 Invision Power Services 	*/
/* Enhanced and modified by Mario14125					*/
/************************************************************************/
/* siteInfo.css								*/
/************************************************************************/

/************************************************************************/

#siteinfo {
	padding: 16px;
	color: #b8b8b8;
	line-height: 20px;
	overflow: hidden;
	font-size: 10px;
}

#siteinfo>div {
	float: left;
	margin-right: 32px;
}

#siteinfo h3 {
	margin-bottom: 8px;
	font-size: 180%;
	font-weight: normal;
	text-transform: uppercase;
	color: #454545;
}

#siteinfo li, #siteinfo p {
	list-style: none;
	font-size: 120%;
	line-height: 150%;
}

#siteinfo a {
	color: #b8b8b8;
}

#siteinfo a:hover {
	color: #b8b8b8;
	text-decoration: none;
}

#siteinfo>#siteinfo-content {
	float: right;
	margin-right: 0;
}

.mario14125{}

Demonstracja:

Użytkownik niezalogowany:

Użytkownik zalogowany:

*Podczas pisania poradnika został użyty domyślny styl. Jeśli korzystasz z innego niż IP.Board to wykonaj kroki dla domyślnie używającego przez forum stylu.

[Mario14125]

Dodatkowa informacja: Demonstracja dodatku oraz kod CSS przedstawiony jest pod szablon Deflection od IPBFocus. Proszę o edycję kodu CSS do własnych potrzeb.

[chcwd]

Mogl by ktos odswiezyc zdjecia?

[hoth]

Witam, mam cos takiego po zastosowaniu:

 

http://zapodaj.net/a0ad15d066369.png.html

 

Co mam z tym zrobić? W sensie rozjechało się troszkę.

 

OK poradziłem sobie

Edytowane 7 Kwietnia 2015 przez hoth

[DawPi]

OK poradziłem sobie

Napisz jak. Niech inni skorzystają.

[szybex]

Odśwież zdjęcia.

[UnixG]

Mozna prosić o odświeżenie zdjęć?

[DawPi]

Tylko autor może to zrobić. Jakby wrzucił do nas to nie byłoby tego problemu.