codice Aggiungere una barra in fondo alla SURFACE

[najaru]

Per aggiungere una user bar al fondo dello schermo della skin SURFACE è possibile eseguire questa modifica

Aprire il globaltemplate e prima del tag di chiusura </body> aggiungere:

<!-- Footer Bar Starts -->			<div id="add_footerbar_wrap">				<div id="add_footerbar_bar">				<!-- User Navigation Starts -->				       <div id="add_footerbar_container">				             <div id='add_footerbar_left'>                                                  <div class="maintitlefooter_left">Follow Us</div>				             </div>                                             <div id='add_footerbar_left'>                                                        <a href="http://twitter.com/Naja_ru" title="Twitter" target="_blank"><img src="{style_images_url}/_custom/icon-social_twitter.png" alt="Twitter" /></a>							<a href="http://www.facebook.com/group.php?gid=112234678794548" title="Facebook"><img src="{style_images_url}/_custom/icon-social_facebook.png" alt="Facebook" target="_blank" /></a>							<a href="#" title="Youtube" target="_blank"><img src="{style_images_url}/_custom/icon-social_youtube.png" alt="Youtube" /></a>                                             </div>                                             <div id='add_footerbar_right'>						<if test="showhomeurl:|:$this->settings['home_url']">							<a href='{$this->settings['home_url']}' title='{$this->lang->words['homepage_title']}' rel="home"><img src="{style_images_url}/_custom/icon_primary_home.png" /></a>						</if>						{parse variable="forumActive" default="" oncondition="IPS_APP_COMPONENT == 'forums'" value="active"}						{parse variable="membersActive" default="" oncondition="IPS_APP_COMPONENT == 'members'" value="active"}						{parse variable="helpActive" default="" oncondition="IPS_APP_COMPONENT == 'core' AND $this->request['module'] == 'help'" value="active"}						<if test="!ipsRegistry::$applications['forums']['app_hide_tab']"><a href='{parse url="act=idx" seotitle="false" base="public"}' title='{$this->lang->words['go_to_discussion']}'><img src="{style_images_url}/_custom/icon_primary_forums.png" /></a></if>						<if test="!ipsRegistry::$applications['members']['app_hide_tab']"><a href='{parse url="app=members" base="public" template="members_list" seotitle="false"}' title='{$this->lang->words['go_to_memberlist']}'><img src="{style_images_url}/_custom/icon_primary_members.png" /></a></if>						<if test="applicationsloop:|:is_array($header_items['applications']) AND count($header_items['applications'])">							<foreach loop="applications:$header_items['applications'] as $data">								<if test="showingapp:|:$data['app_show']">									{parse variable="appActive" default="" oncondition="$data['app_active']" value="active"}									<a href='{parse url="{$data['app_link']}" seotitle="false" base="public"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'><img src="{style_images_url}/_custom/icon_primary_{$data['app_dir']}.png" /></a>								</if>							</foreach>						</if>                                             </div>			                     <div id='add_footerbar_right'>                                                   <div class="maintitlefooter_right">Applicazioni</div>                                             </div>                                       </div>								<!-- User Navigation Ends -->				</div>			</div>			<!-- Footer Bar Ends -->

In seguito aprire il surface_general.css ed aggiungere in fondo:

/*AGGIUNTA PER BAR IN FONDO*/#add_footerbar_wrap {	position: fixed;	bottom: 0;	height: 34px;	width: 100%;	background: transparent;	text-align: left;}#add_footerbar_bar {	height: 34px;	width: 77%;	background: #283462 url("http://www.invisionita.it/forum/public/style_images/surface/_custom/bg-maintitle.png") repeat-x scroll left 50%;	border: 1px solid #101a41;	border-bottom: 0;	margin:0px 0px 0px 280px; 	z-index: 10000;	font-size: 1em;	text-align: left;	color: #5e6a77;	min-width: 500px;	border-radius: 6px 6px 0 0;	-moz-border-radius: 6px 6px 0 0;	-webkit-border-top-left-radius: 6px;	-webkit-border-top-right-radius: 6px;	-webkit-border-bottom-left-radius: 0;	-webkit-border-bottom-right-radius: 0;	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05);	-moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05);	-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05);}#add_footerbar_container {	background: transparent;	min-height: 34px;}#add_footerbar_left {	float: left;	position: relative;        margin: 5px 0px 0px 5px;}#add_footerbar_right {	float: right;	position: relative;         margin: 5px 0px 0px 8px;}.maintitlefooter_left  {-moz-border-radius:6px 6px 0 0;font-family:georgia,"trebuchet ms",arial;font-size:17px;color: #e3e3e4;font-weight:normal;margin:0 !important;overflow:hidden;padding:0px 12px !important;}.maintitlefooter_right  {-moz-border-radius:6px 6px 0 0;font-family:georgia,"trebuchet ms",arial;font-size:17px;color: #080d20;font-weight:normal;margin:0 !important;overflow:hidden;padding:0px 12px !important;}

E questo è il risultato:

Ovviamente i link dei social network vanno personalizzati.