Sidebar Inside Board Wrapper

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Anti-Spam Guide
forforce
Registered User
Posts: 323
Joined: Fri Oct 04, 2013 7:57 am
Contact:

Re: Sidebar Inside Board Wrapper

Post by forforce »

Nobody ? :(
https://www.cumseface.eu , We have tutorials for everything / Te ajutam se te descurci singur .
rayminator
Registered User
Posts: 310
Joined: Wed Nov 15, 2006 1:37 pm
Name: raymond green
Contact:

Re: Sidebar Inside Board Wrapper

Post by rayminator »

forforce wrote:Nobody ? :(
is this your site http://www.cumseface.eu if it is i don't see the sidebar overlapping the footer at all

if it's not it please add your link here so we can help
forforce
Registered User
Posts: 323
Joined: Fri Oct 04, 2013 7:57 am
Contact:

Re: Sidebar Inside Board Wrapper

Post by forforce »

Thank you for reply, yes, that`s my site and this post is an example of sidebar over footer: http://www.cumseface.eu/viewtopic.php?t=184 . If you can help , I would appreciate it.
https://www.cumseface.eu , We have tutorials for everything / Te ajutam se te descurci singur .
rayminator
Registered User
Posts: 310
Joined: Wed Nov 15, 2006 1:37 pm
Name: raymond green
Contact:

Re: Sidebar Inside Board Wrapper

Post by rayminator »

upload your overall_header/footer.htmls and the sidebar file and the css

or upload you theme would be best so i can see what i can do

if you don't want to put the link here pm me with the link
forforce
Registered User
Posts: 323
Joined: Fri Oct 04, 2013 7:57 am
Contact:

Re: Sidebar Inside Board Wrapper

Post by forforce »

Hi and thank you for helping me.

this is my header:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- DEFINE $SIDEBARS = 'right' --> <!-- Options: left | right | both | off -->
<!-- DEFINE $SIDEBAR_ON_PAGES = 'global' --> <!-- Options: global | index -->

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="{S_META_KEYWORDS}" />
<meta name="description" content="{S_META_DESCRIPTION}" />
{META}
<title><!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE} <!-- IF SCRIPT_NAME neq 'index'--> &bull;<!-- ENDIF --> {SITENAME}</title>
<!-- Dynamic Facebook Mod - http://www.cocking.com/dynamic-facebook-twitter-meta-tags-phpbb -->
<!-- <meta property="og:locale" content="ro_RO" /> -->
<!-- <meta property="og:locale:alternate" content="ro_RO" /> -->
<meta property="og:type" content="article" />
<!-- <meta property="og:title" content="{PAGE_TITLE}" /> -->
<meta property="og:url" content="{U_CANONICAL}" />
<!-- <meta property="og:site_name" content="{SITENAME}" /> -->
<!-- IF S_META_DESCRIPTION --><meta property="og:description" content="{S_META_DESCRIPTION}..." /><!-- ELSE --><meta property="og:description" content="{SITE_DESCRIPTION}"/><!-- ENDIF -->
<!-- IF S_IMAGE_ATTACH_ID --><meta property="og:image" content="{BOARD_URL}download/file.php?id={S_IMAGE_ATTACH_ID}&mode=view" /><!-- ELSE --><meta property="og:image" content="http://www.cumseface.eu/logo.jpg" /><!-- ENDIF -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="{U_CANONICAL}" />
<!-- <meta name="twitter:title" content="{PAGE_TITLE}" /> -->
<!-- IF S_META_DESCRIPTION --><meta name="twitter:description" content="{S_META_DESCRIPTION}..." /><!-- ELSE --><meta name="twitter:description" content="{SITE_DESCRIPTION}"/><!-- ENDIF -->
<!-- IF S_IMAGE_ATTACH_ID --><meta name="twitter:image" content="{BOARD_URL}download/file.php?id={S_IMAGE_ATTACH_ID}&mode=view" /><!-- ELSE --><meta name="twitter:image" content="http://www.cumseface.eu/logo.jpg" /><!-- ENDIF -->
<!-- Dynamic Facebook Mod END -->

<!-- IF FAVICON --><link rel="shortcut icon" href="{ROOT_PATH}{FAVICON}" type="image/x-icon" /><!-- ENDIF -->
<!-- IF FAVICON --><link rel="icon" href="{ROOT_PATH}{FAVICON}" type="image/png" /><!-- ENDIF -->

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
		var url = '{UA_POPUP_PM}';
		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	};

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	};

// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- IF U_CANONICAL --><link rel="canonical" href="{U_CANONICAL}" /><!-- ENDIF -->

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->



<!-- INCLUDE mods/reimg_content.html -->

<script type="text/javascript" src="highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<script type="text/javascript">
    // override Highslide settings here
    // instead of editing the highslide.js file
    hs.graphicsDir = 'highslide/graphics/';
</script>

<!-- INCLUDE ads/ads.js -->

<!-- Banner Scroll Mod by phpbb3world.com -->
	<link rel="stylesheet" type="text/css" href="{ROOT_PATH}js/css/totemticker.css"/>
	<script type="text/javascript" src="{ROOT_PATH}js/jquery.min.js"></script> 
	<script type="text/javascript" src="{ROOT_PATH}js/jquery.totemticker.js"></script>
<script type="text/javascript">
// <![CDATA[
	$(function(){
			$('#vertical-ticker').totemticker({
			row_height	:	'238px',
			next		:	'#ticker-next',
			previous	:	'#ticker-previous',
			stop		:	'#stop',
			start		:	'#start',
			mousestop	:	true,
		});
	});
// ]]>	
</script>
<!-- End Banner Scroll Mod by phpbb3world.com -->

<meta name="google-translate-customization" content="d0b0ce26bb82e236-702eff366efc1cd5-g26fff3f6bc6a040e-10"></meta>


<!-- IF S_SCL_ENABLED and S_SCL_UCP_ENABLED -->
<link rel="stylesheet" media="screen" href="{ROOT_PATH}lights/christmaslights.css" />
<script type="text/javascript" src="{ROOT_PATH}lights/soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="{ROOT_PATH}lights/animation-min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}lights/christmaslights.js"></script>
<script type="text/javascript">
var urlBase = '{ROOT_PATH}lights/';
soundManager.url = '{ROOT_PATH}lights/';
</script>
<!-- ENDIF -->

<!-- IF (S_RBPM_ENABLE or S_RBPM_INSC_ENABLE) and S_USER_NEW_PRIVMSG -->
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-blink.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){
        $('.blink').blink();
});
// ]]>
</script><!-- ENDIF -->
</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<!-- IF S_SCL_ENABLED and S_SCL_UCP_ENABLED --><div id="lights"><!-- lights go here --></div><!-- ENDIF -->
<!-- IF S_AL_FB_ENABLED --><div id="fb-root"></div><script src="http://connect.facebook.net/{S_FB_LOCALE}/all.js#appId={AL_FB_APPID}&xfbml=1"></script>  
<script> 
  window.fbAsyncInit = function() {
    FB.init({appId: '{AL_FB_APPID}', status: true, cookie: true,
             xfbml: true});
			 
	
  
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/ro_RO/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script><!-- ENDIF -->

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		{ADS_1}
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

            <div id="social_bar">
               <div id="social_buttons">
                  <a href="https://www.facebook.com/cumseface.eu/"target="_blank"><img style="border-radius:4px 4px 4px 4px;" alt="Facebook" width="33px" height="33px" src="{T_THEME_PATH}/images/social/social_facebook.png"></a>
                  <a href="http://www.google.com/+CumsefaceEuplus/"target="_blank"><img style="border-radius:4px 4px 4px 4px;" alt="Google+" width="33px" height="33px" src="{T_THEME_PATH}/images/social/social_google.png"></a>
                  <a href="https://www.twitter.com/CumsefaceEU/"target="_blank"><img style="border-radius:4px 4px 4px 4px;" alt="Twitter" width="33px" height="33px" src="{T_THEME_PATH}/images/social/social_twitter.png"></a>
               </div>
            </div>
            <div style="height: 90px;">
			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1></h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		</div>
		<!-- ENDIF -->		
			<span class="corners-bottom"><span></span></span></div>
                </div>
                <!-- INCLUDE menu_system.html -->

		<div class="navbar">	
                        <div class="inner">
		
			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

			<li class="rightside"><span id="google_translate_element"></span></li>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'ro', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

			<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>			

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
<!-- IF S_DISPLAY_PM --> &bull;
	<!-- IF S_RBPM_ENABLE and S_RBPM_INSC_ENABLE and S_USER_NEW_PRIVMSG and S_RBPM_ENABLE_BACKGROUND -->
	<span style="background:rgba({S_RBPM_BACKGROUND_R},{S_RBPM_BACKGROUND_G},{S_RBPM_BACKGROUND_B},{S_RBPM_BACKGROUND_TRANSP}); padding: 3px 0px 3px 7px; border: {S_RBPM_BORDER_WIDTH} {S_RBPM_BORDER_STYLE} {S_RBPM_BORDER_COLOUR}; border-right: 0px; -webkit-border-radius: {S_RBPM_BORDER_RADIUS}; -khtml-border-radius: {S_RBPM_BORDER_RADIUS}; -moz-border-radius: {S_RBPM_BORDER_RADIUS}; border-radius: {S_RBPM_BORDER_RADIUS}; -webkit-border-radius-topright: 0px; -khtml-border-radius-topright: 0px; -moz-border-radius-topright: 0px; border-radius-topright: 0px; -webkit-border-radius-bottomright: 0px; -khtml-border-radius-bottomright: 0px; -moz-border-radius-bottomright: 0px; border-radius-bottomright: 0px;">
	<!-- ELSE -->
	<span style=" background-color: none">
	<!-- ENDIF -->
		<!-- IF S_RBPM_ENABLE and S_USER_NEW_PRIVMSG -->	
		<span class="blink" style="color:{S_RBPM_COLOR}; font:{S_RBPM_ITALIC} {S_RBPM_BOLD} {S_RBPM_SIZE} {S_RBPM_FAMILY}; letter-spacing:{S_RBPM_SPACING}; text-transform:{S_RBPM_TRANSFORM}; text-shadow: {S_RBPM_SHADOWH} {S_RBPM_SHADOWV} {S_RBPM_SHADOW_BLUR} {S_RBPM_SHADOW_COLOUR}; text-decoration:{S_RBPM_DECORATION};">
			{S_USER_NEW_PRIVMSG}
		</span>
		<!-- ELSE -->
		<strong>{S_USER_NEW_PRIVMSG}</strong>
		<!-- ENDIF -->
		<a href="{U_PRIVATEMSGS}">
		<!-- IF S_RBPM_INSC_ENABLE and S_USER_NEW_PRIVMSG -->
		<span class="blink" style="color:{S_RBPM_INSC_COLOR}; font:{S_RBPM_ITALIC} {S_RBPM_VARIANT} {S_RBPM_BOLD} {S_RBPM_SIZE} {S_RBPM_FAMILY}; letter-spacing:{S_RBPM_SPACING}; text-transform:{S_RBPM_TRANSFORM}; text-shadow: {S_RBPM_SHADOWH} {S_RBPM_SHADOWV} {S_RBPM_SHADOW_BLUR} {S_RBPM_INSC_SHADOW_COLOUR}; text-decoration:{S_RBPM_DECORATION};">
			{PRIVATE_MESSAGE_INFO}
		</span>
			<!-- IF S_RBPM_ENABLE_UNREAD and PRIVATE_MESSAGE_INFO_UNREAD -->
			<span style="color:{S_RBPM_UNREAD_COLOR}">
				<!-- IF S_RBPM_ENABLE_UNREAD_BLINK -->
				<span class="blink">& {PRIVATE_MESSAGE_INFO_UNREAD}</span>
				<!-- ELSE -->
				& {PRIVATE_MESSAGE_INFO_UNREAD}
				<!-- ENDIF -->
			</span>
			<!-- ELSE -->
			<!-- ENDIF -->
		<!-- ELSE -->
			{PRIVATE_MESSAGE_INFO}
				<!-- IF S_RBPM_ENABLE_UNREAD and PRIVATE_MESSAGE_INFO_UNREAD -->
					& {PRIVATE_MESSAGE_INFO_UNREAD}
				<!-- ELSE -->
				<!-- ENDIF -->
		<!-- ENDIF -->
		</a>
	</span>
<!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH -->&nbsp;&bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF S_DISPLAY_TOPLIST --><li class="icon-thanks_toplist"><a href="{U_REPUT_TOPLIST}" title="{L_REPUT_TOPLIST}">{L_REPUT_TOPLIST}</a></li><!-- ENDIF -->
				<!-- IF S_DISPLAY_THANKSLIST --><li class="icon-thanks"><a href="{U_THANKSLIST}" title="{L_THANKS_USER}">{L_GRATITUDES}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
					
					<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
					<!-- IF (S_AL_WL_ENABLED or S_AL_FB_ENABLED or S_AL_OI_ENABLED) and not S_ADMIN_AUTH -->
			        <!-- IF S_AL_FB_ENABLED --> 
            		        <a onclick="window.location='alternatelogin/al_fb_connect.php';" href="#"><img style="border-radius:4px 4px 4px 4px;" src="./alternatelogin/create_fb_button.php?label={AL_FB_LOGIN_BUTTON_TEXT}"></a> <!-- ENDIF --> 
				<!-- ENDIF -->
				        <!-- ENDIF -->
				        <!-- ENDIF -->
			</ul>
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- INCLUDE announcement_centre.html -->			
        </div>

	<!-- IF ADS_2 -->
	<br />
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
			</ul>
			<div style="padding: 5px 5px 2px 5px; font-size: 1.1em; background-color: #ECF1F3; margin: 0px auto; text-align: center;">
				{ADS_2}
			</div>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->
	<a name="start_here"></a>
	<div id="page-body">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->	
		
<!-- IF $SIDEBAR_ON_PAGES == 'global' or ($SIDEBAR_ON_PAGES == 'index' and SCRIPT_NAME == 'index') -->
    <!-- IF $SIDEBARS != 'off' -->
        <div class="sidebarwrapper">
    <!-- ENDIF -->
    <!-- IF $SIDEBARS == 'left' -->
        <div class="fixedfluid-sidebar">
            <!-- INCLUDE sidebar_left.html -->
        </div>
       
        <div class="fixedfluid-content">
    <!-- ELSEIF $SIDEBARS == 'right' -->
        <div class="fluidfixed-sidebar">
            <!-- INCLUDE sidebar_right.html -->
        </div>
       
        <div class="fluidfixed-content">
    <!-- ELSEIF $SIDEBARS == 'both' -->
        <div class="fixedfluidfixed-left">
            <!-- INCLUDE sidebar_left.html -->
        </div>
       
        <div class="fixedfluidfixed-content">
    <!-- ENDIF -->
<!-- ENDIF -->				

	<!--Floating Facebook Widget by www.TheBlogWidgets.com START-->
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".theblogwidgets").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .theblogwidgets{background: url("http://www.cumseface.eu/images/social/social_widget.png") no-repeat scroll left center transparent !important; float: right;height: 113px;padding: 0 5px 0 34px;width: 244px;z-index:  99999;position:fixed;right:-250px;top:20%;} .theblogwidgets div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;} .theblogwidgets span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .theblogwidgets span a{color: gray;text-decoration:none;} .theblogwidgets span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.TheBlogWidgets.com--><div class="theblogwidgets" style="">
<!--Brought to you by http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html--><div>
<!-- http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html--> 
<a href="https://twitter.com/CumsefaceEU" class="twitter-follow-button" data-show-count="false" data-lang="ro" data-size="large">Urmăreşte pe @CumsefaceEU</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<!-- Place this tag in your head or just before your close body tag. -->
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
  {lang: 'ro'}
</script>
<!-- Place this tag where you want the widget to render. -->
</br><div class="g-follow" data-annotation="bubble" data-height="24" data-href="//plus.google.com/u/0/107484056808303971012" data-rel="publisher"></div>

<iframe src="http://www.facebook.com/plugins/likebox.php?locale=ro_RO&href=http%3A%2F%2Ffacebook.com%2Fcumseface.eu&width=245&colorscheme=light&show_faces=true&border_color=white&connections=12&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"><!--Brought to you by www.TheBlogWidgets.com--></iframe><!--Brought to you by www.TheBlogWidgets.com-->
<span><!--Brought to you by www.TheBlogWidgets.com-->
</span></div>
</div>
	<!--Floating Facebook Widget by www.TheBlogWidgets.com END-->

	<!--Floating Contactus START-->
<div id='float-left'>
<ul>

<li><a href="#" onClick="window.open('http://www.cumseface.eu/contact.php','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=640, height=630');return(false)" onmouseover="document.getElementById('contactus').src='http://www.cumseface.eu/mods/contact-form/contactus2.png';"
onmouseout="document.getElementById('contactus').src='http://www.cumseface.eu/mods/contact-form/contactus.png';">    
<img src="http://www.cumseface.eu/mods/contact-form/contactus.png" id="contactus" /></a></li>

</ul>
</div>
<style type="text/css">
#float-left { border: 0; position: fixed; top: 75%; left: 0; z-index: 9999;}
#float-left ul { margin: 0 0 0 0px; list-style: none;}
#float-left ul li a { display: block;} 
</style>
	<!--Floating Contactus END-->
This is my footer:

Code: Select all

<!-- IF $SIDEBAR_ON_PAGES == 'global' or ($SIDEBAR_ON_PAGES == 'index' and SCRIPT_NAME == 'index')-->
    <!-- IF $SIDEBARS == 'left' or $SIDEBARS == 'right' -->
        </div><!-- /.fixedfluidcontent -->
        </div><!-- /.sidebarwrapper -->
    <!-- ELSEIF $SIDEBARS == 'both' -->
        </div>
        <div class="fixedfluidfixed-right">
            <!-- INCLUDE sidebar_right.html -->
        </div>
        </div>
    <!-- ENDIF -->
<!-- ENDIF -->

<div id="page-footer">

<!-- IF ADS_7 -->
<div class="panel">
	<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
		</ul>
			<div style="padding: 5px 5px 2px 5px; font-size: 1.1em; background-color: #ECF1F3; margin: 0px auto; text-align: center;">
			{ADS_7}
		</div>
	<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->

	<div class="navbar">
		<div class="inner"><span class="corners-top"><span></span></span>

		<ul class="linklist">
			<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a>&nbsp;&nbsp;|</li>
			<li class="icon-register"><a href="http://www.cumseface.eu/terms.php">Termeni si conditii</a>&nbsp;&nbsp;|</li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_WATCH_FORUM_LINK --><li <!-- IF S_WATCHING_FORUM -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->
					<!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
					<!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
					<!-- IF U_BUMP_TOPIC --><li class="icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
				<!-- ENDIF -->
			<li class="rightside"><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> &bull; <!-- ENDIF --><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a> &bull; <!-- ENDIF -->{S_TIMEZONE}</li>
		</ul>

		<span class="corners-bottom"><span></span></span></div>
	</div>	

	<div class="copyright">{CREDIT_LINE}
		<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
		<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
		<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	</div>

</div>

</div>

<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-48855921-1', 'cumseface.eu');
  ga('send', 'pageview');

</script>
</body>
</html>
This is my sidebar:

Code: Select all

<div class="panel">
   <div class="inner">
      <span class="corners-top"><span></span></span>
<a href="http://www.pentruanamaria.ro"target="_blank"><img src="http://www.cumseface.eu/images/reclame/Ana180x300.jpg"/></a>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>

<!-- IF SCRIPT_NAME == 'index'-->
<div class="panel">
   <div class="inner">
      <span class="corners-top"><span></span></span>
<script type="text/javascript" src="http://profitshare.ro/j/wOfb"></script>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
<!-- ENDIF -->
<!-- IF SCRIPT_NAME == 'viewtopic'-->
<div class="panel">
   <div class="inner">
      <span class="corners-top"><span></span></span>
<script type="text/javascript" src="http://profitshare.ro/j/wOfb"></script>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
<!-- ENDIF -->

<div class="panel">
   <div class="inner">
      <span class="corners-top"><span></span></span>
<iframe src="http://www.facebook.com/plugins/likebox.php?locale=ro_RO&href=http%3A%2F%2Ffacebook.com%2Fcumseface.eu&width=181&height=200&show_faces=true&colorscheme=light&stream=false&border_color=%ECF1F3&header=false" scrolling="no" frameborder=none style="border:none; overflow:hidden; width:181px; height:200px;" allowtransparency="true"></iframe>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
This is what I have in common.css:

Code: Select all

/* General Markup Styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 8px 0;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #FFFFFF;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 2em;
	margin: 0.2em 0 0.4em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #989898;
	margin-top: 20px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0 20px;
	min-width: 1200px;
	max-width: 1280px;
        margin: 0 auto;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
    margin: 4px 0;
    clear: both;
}  

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 20px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
	background-color: #FFF;
}

#search-box input {
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
	height: 100px;
}

.navbar {
	background-color: #ebebeb;
	padding: 0 10px;
}

.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.forumbg {
	background: #ebebeb none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #f3f3f3;
	color: #3f3f3f;
}

#announcebar.rules {
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 0 10px;
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	/*border: 1px #DBDEE2 solid;*/
	background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}

.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0;
}

.forumbg-table > .inner {
	margin: 0 -1px;
}

.forumbg-table > .inner > span.corners-top {
	margin: 0 -4px -1px -4px;
}

.forumbg-table > .inner > span.corners-bottom {
	margin: -1px -4px 0 -4px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	color: #bcbcbc;
	font-weight: bold;
	font-size: 1em;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 1.1em;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 5px;
}

p.rules img {
	vertical-align: middle;
	padding-top: 5px;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}

/* Sidebars */
.sidebarwrapper {
    position: relative;
}

/* left sidebar, right section */
.fixedfluid-content {
    padding: 0 0 0 170px;
}

/* left sidebar */
.fixedfluid-sidebar, .fixedfluidfixed-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    bottom: 0;
    padding: 0;
}

/* right sidebar, left section */
.fluidfixed-content {
    padding-right: 210px;
}

/* right sidebar */
.fluidfixed-sidebar, .fixedfluidfixed-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    bottom: 0;
    padding: 0;
    text-align: center;
}

/* Both sidebars, middle section */
.fixedfluidfixed-content {
    padding: 0 270px 0 170px;
}

/* Sidebar Styling */

.ad1, .ad2 {
    display: block;
    float: left;
}

.ad1 {
    margin: 0 10px 10px 0;
}

.fixedfluid-sidebar ul.sidebar li, .fluidfixed-sidebar ul.sidebar li, .fixedfluidfixed-left ul.sidebar li, .fixedfluidfixed-right ul.sidebar li {
    padding: 5px 10px;
}
https://www.cumseface.eu , We have tutorials for everything / Te ajutam se te descurci singur .
User avatar
pit-PL
Registered User
Posts: 3091
Joined: Sat Nov 21, 2009 12:24 pm

Re: Sidebar Inside Board Wrapper

Post by pit-PL »

pit-PL wrote:Elements with absolute positioning are removed from the normal document flow, no space for them is automatically allocated and there's no way to change this.
rayminator
Registered User
Posts: 310
Joined: Wed Nov 15, 2006 1:37 pm
Name: raymond green
Contact:

Re: Sidebar Inside Board Wrapper

Post by rayminator »

here some info on css

static Default value. Elements render in order, as they appear in the document flow.
absolute The element is positioned relative to its first positioned (not static) ancestor element.
fixed The element is positioned relative to the browser window .
relative The element is positioned relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position .
initial Sets this property to its default value. Read about initial.
inherit Inherits this property from its parent element.

i would change it to position: fixed; or to this float: left:
forforce
Registered User
Posts: 323
Joined: Fri Oct 04, 2013 7:57 am
Contact:

Re: Sidebar Inside Board Wrapper

Post by forforce »

I still have no idea how to fix this. position: fixed is not what I need and with the float command the entire page is messed up. Somebody can help with this? :(
https://www.cumseface.eu , We have tutorials for everything / Te ajutam se te descurci singur .
rayminator
Registered User
Posts: 310
Joined: Wed Nov 15, 2006 1:37 pm
Name: raymond green
Contact:

Re: Sidebar Inside Board Wrapper

Post by rayminator »

is it doing it on that page only there is nothing wrong with the side bar by itself try to upload a fresh copy of viewtopic_body.html
forforce
Registered User
Posts: 323
Joined: Fri Oct 04, 2013 7:57 am
Contact:

Re: Sidebar Inside Board Wrapper

Post by forforce »

Not only in viewtopic.. On any page where sidebar is longer than the page. Everybody told me that I need to use "float" instead of "position" but I have no idea how to make it work with float..
https://www.cumseface.eu , We have tutorials for everything / Te ajutam se te descurci singur .
rayminator
Registered User
Posts: 310
Joined: Wed Nov 15, 2006 1:37 pm
Name: raymond green
Contact:

Re: Sidebar Inside Board Wrapper

Post by rayminator »

try this i have change it to float: left; if this doesn't work my suggestion to do this one

https://www.phpbb.com/kb/article/simple ... silver-se/

Code: Select all

/* General Markup Styles
    ---------------------------------------- */

    * {
       /* Reset browsers default margin, padding and font sizes */
       margin: 0;
       padding: 0;
    }

    html {
       font-size: 100%;
       /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
       height: 101%;
    }

    body {
       /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
       font-family: Verdana, Helvetica, Arial, sans-serif;
       color: #828282;
       background-color: #FFFFFF;
       /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
       font-size: 10px;
       margin: 0;
       padding: 8px 0;
    }

    h1 {
       /* Forum name */
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       margin-right: 200px;
       color: #FFFFFF;
       margin-top: 15px;
       font-weight: bold;
       font-size: 2em;
    }

    h2 {
       /* Forum header titles */
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       font-weight: normal;
       color: #3f3f3f;
       font-size: 2em;
       margin: 0.2em 0 0.4em 0;
    }

    h2.solo {
       margin-bottom: 1em;
    }

    h3 {
       /* Sub-headers (also used as post headers, but defined later) */
       font-family: Arial, Helvetica, sans-serif;
       font-weight: bold;
       text-transform: uppercase;
       border-bottom: 1px solid #CCCCCC;
       margin-bottom: 3px;
       padding-bottom: 2px;
       font-size: 1.05em;
       color: #989898;
       margin-top: 20px;
    }

    h4 {
       /* Forum and topic list titles */
       font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
       font-size: 1.3em;
    }

    p {
       line-height: 1.3em;
       font-size: 1.1em;
       margin-bottom: 1.5em;
    }

    img {
       border-width: 0;
    }

    hr {
       /* Also see tweaks.css */
       border: 0 none #FFFFFF;
       border-top: 1px solid #CCCCCC;
       height: 1px;
       margin: 5px 0;
       display: block;
       clear: both;
    }

    hr.dashed {
       border-top: 1px dashed #CCCCCC;
       margin: 10px 0;
    }

    hr.divider {
       display: none;
    }

    p.right {
       text-align: right;
    }

    /* Main blocks
    ---------------------------------------- */
    #wrap {
       padding: 0 20px;
       min-width: 1200px;
       max-width: 1280px;
            margin: 0 auto;
    }

    #simple-wrap {
       padding: 6px 10px;
    }

    #page-body {
        margin: 4px 0;
        clear: both;
    } 

    #page-footer {
       clear: both;
    }

    #page-footer h3 {
       margin-top: 20px;
    }

    #logo {
       float: left;
       width: auto;
       padding: 10px 13px 0 10px;
    }

    a#logo:hover {
       text-decoration: none;
    }

    /* Search box
    --------------------------------------------- */
    #search-box {
       color: #FFFFFF;
       position: relative;
       margin-top: 30px;
       margin-right: 20px;
       display: block;
       float: right;
       text-align: right;
       white-space: nowrap; /* For Opera */
    }

    #search-box #keywords {
       width: 95px;
       background-color: #FFF;
    }

    #search-box input {
       border: 1px solid #b0b0b0;
    }

    /* .button1 style defined later, just a few tweaks for the search button version */
    #search-box input.button1 {
       padding: 1px 5px;
    }

    #search-box li {
       text-align: right;
       margin-top: 4px;
    }

    #search-box img {
       vertical-align: middle;
       margin-right: 3px;
    }

    /* Site description and logo */
    #site-description {
       float: left;
       width: 70%;
    }

    #site-description h1 {
       margin-right: 0;
    }

    /* Round cornered boxes and backgrounds
    ---------------------------------------- */
    .headerbar {
       background: #ebebeb none repeat-x 0 0;
       color: #FFFFFF;
       margin-bottom: 4px;
       padding: 0 5px;
       height: 100px;
    }

    .navbar {
       background-color: #ebebeb;
       padding: 0 10px;
    }

    .forabg {
       background: #b1b1b1 none repeat-x 0 0;
       margin-bottom: 4px;
       padding: 0 5px;
       clear: both;
    }

    .forumbg {
       background: #ebebeb none repeat-x 0 0;
       margin-bottom: 4px;
       padding: 0 5px;
       clear: both;
    }

    .panel {
       margin-bottom: 4px;
       padding: 0 10px;
       background-color: #f3f3f3;
       color: #3f3f3f;
    }

    #announcebar.rules {
       margin-bottom: 1px;
       margin-top: 1px;
       padding: 0 10px;
    }

    .post {
       padding: 0 10px;
       margin-bottom: 4px;
       background-repeat: no-repeat;
       background-position: 100% 0;
    }

    .post:target .content {
       color: #000000;
    }

    .post:target h3 a {
       color: #000000;
    }

    .bg1   { background-color: #f7f7f7;}
    .bg2   { background-color: #f2f2f2; }
    .bg3   { background-color: #ebebeb; }

    .rowbg {
       margin: 5px 5px 2px 5px;
    }

    .ucprowbg {
       background-color: #e2e2e2;
    }

    .fieldsbg {
       /*border: 1px #DBDEE2 solid;*/
       background-color: #eaeaea;
    }

    span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
       font-size: 1px;
       line-height: 1px;
       display: block;
       height: 5px;
       background-repeat: no-repeat;
    }

    span.corners-top {
       background-image: none;
       background-position: 0 0;
       margin: 0 -5px;
    }

    span.corners-top span {
       background-image: none;
       background-position: 100% 0;
    }

    span.corners-bottom {
       background-image: none;
       background-position: 0 100%;
       margin: 0 -5px;
       clear: both;
    }

    span.corners-bottom span {
       background-image: none;
       background-position: 100% 100%;
    }

    .headbg span.corners-bottom {
       margin-bottom: -1px;
    }

    .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
       margin: 0 -10px;
    }

    .rules span.corners-top {
       margin: 0 -10px 5px -10px;
    }

    .rules span.corners-bottom {
       margin: 5px -10px 0 -10px;
    }

    /* Horizontal lists
    ----------------------------------------*/
    ul.linklist {
       display: block;
       margin: 0;
    }

    ul.linklist li {
       display: block;
       list-style-type: none;
       float: left;
       width: auto;
       margin-right: 5px;
       font-size: 1.1em;
       line-height: 2.2em;
    }

    ul.linklist li.rightside, p.rightside {
       float: right;
       margin-right: 0;
       margin-left: 5px;
       text-align: right;
    }

    ul.navlinks {
       padding-bottom: 1px;
       margin-bottom: 1px;
       border-bottom: 1px solid #FFFFFF;
       font-weight: bold;
    }

    ul.leftside {
       float: left;
       margin-left: 0;
       margin-right: 5px;
       text-align: left;
    }

    ul.rightside {
       float: right;
       margin-left: 5px;
       margin-right: -5px;
       text-align: right;
    }

    /* Table styles
    ----------------------------------------*/
    table.table1 {
       /* See tweaks.css */
    }

    #ucp-main table.table1 {
       padding: 2px;
    }

    table.table1 thead th {
       font-weight: normal;
       text-transform: uppercase;
       color: #FFFFFF;
       line-height: 1.3em;
       font-size: 1em;
       padding: 0 0 4px 3px;
    }

    table.table1 thead th span {
       padding-left: 7px;
    }

    table.table1 tbody tr {
       border: 1px solid #cfcfcf;
    }

    table.table1 tbody tr:hover, table.table1 tbody tr.hover {
       background-color: #f6f6f6;
       color: #000;
    }

    table.table1 td {
       color: #6a6a6a;
       font-size: 1.1em;
    }

    table.table1 tbody td {
       padding: 5px;
       border-top: 1px solid #FAFAFA;
    }

    table.table1 tbody th {
       padding: 5px;
       border-bottom: 1px solid #000000;
       text-align: left;
       color: #333333;
       background-color: #FFFFFF;
    }

    /* Specific column styles */
    table.table1 .name      { text-align: left; }
    table.table1 .posts      { text-align: center !important; width: 7%; }
    table.table1 .joined   { text-align: left; width: 15%; }
    table.table1 .active   { text-align: left; width: 15%; }
    table.table1 .mark      { text-align: center; width: 7%; }
    table.table1 .info      { text-align: left; width: 30%; }
    table.table1 .info div   { width: 100%; white-space: normal; overflow: hidden; }
    table.table1 .autocol   { line-height: 2em; white-space: nowrap; }
    table.table1 thead .autocol { padding-left: 1em; }

    table.table1 span.rank-img {
       float: right;
       width: auto;
    }

    table.info td {
       padding: 3px;
    }

    table.info tbody th {
       padding: 3px;
       text-align: right;
       vertical-align: top;
       color: #000000;
       font-weight: normal;
    }

    .forumbg table.table1 {
       margin: 0;
    }

    .forumbg-table > .inner {
       margin: 0 -1px;
    }

    .forumbg-table > .inner > span.corners-top {
       margin: 0 -4px -1px -4px;
    }

    .forumbg-table > .inner > span.corners-bottom {
       margin: -1px -4px 0 -4px;
    }

    /* Misc layout styles
    ---------------------------------------- */
    /* column[1-2] styles are containers for two column layouts
       Also see tweaks.css */
    .column1 {
       float: left;
       clear: left;
       width: 49%;
    }

    .column2 {
       float: right;
       clear: right;
       width: 49%;
    }

    /* General classes for placing floating blocks */
    .left-box {
       float: left;
       width: auto;
       text-align: left;
    }

    .right-box {
       float: right;
       width: auto;
       text-align: right;
    }

    dl.details {
       /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
       font-size: 1.1em;
    }

    dl.details dt {
       float: left;
       clear: left;
       width: 30%;
       text-align: right;
       color: #000000;
       display: block;
    }

    dl.details dd {
       margin-left: 0;
       padding-left: 5px;
       margin-bottom: 5px;
       color: #828282;
       float: left;
       width: 65%;
    }

    /* Pagination
    ---------------------------------------- */
    .pagination {
       height: 1%; /* IE tweak (holly hack) */
       width: auto;
       text-align: right;
       margin-top: 5px;
       float: right;
    }

    .pagination span.page-sep {
       display: none;
    }

    li.pagination {
       margin-top: 0;
    }

    .pagination strong, .pagination b {
       font-weight: normal;
    }

    .pagination span strong {
       padding: 0 2px;
       margin: 0 2px;
       font-weight: normal;
       color: #FFFFFF;
       background-color: #bfbfbf;
       border: 1px solid #bfbfbf;
       font-size: 0.9em;
    }

    .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
       font-weight: normal;
       text-decoration: none;
       color: #747474;
       margin: 0 2px;
       padding: 0 2px;
       background-color: #eeeeee;
       border: 1px solid #bababa;
       font-size: 0.9em;
       line-height: 1.5em;
    }

    .pagination span a:hover {
       border-color: #d2d2d2;
       background-color: #d2d2d2;
       color: #FFF;
       text-decoration: none;
    }

    .pagination img {
       vertical-align: middle;
    }

    /* Pagination in viewforum for multipage topics */
    .row .pagination {
       display: block;
       float: right;
       width: auto;
       margin-top: 0;
       padding: 1px 0 1px 15px;
       font-size: 0.9em;
       background: none 0 50% no-repeat;
    }

    .row .pagination span a, li.pagination span a {
       background-color: #FFFFFF;
    }

    .row .pagination span a:hover, li.pagination span a:hover {
       background-color: #d2d2d2;
    }

    /* Miscellaneous styles
    ---------------------------------------- */
    #forum-permissions {
       float: right;
       width: auto;
       padding-left: 5px;
       margin-left: 5px;
       margin-top: 10px;
       text-align: right;
    }

    .copyright {
       padding: 5px;
       text-align: center;
       color: #555555;
    }

    .small {
       font-size: 0.9em !important;
    }

    .titlespace {
       margin-bottom: 15px;
    }

    .headerspace {
       margin-top: 20px;
    }

    .error {
       color: #bcbcbc;
       font-weight: bold;
       font-size: 1em;
    }

    .reported {
       background-color: #f7f7f7;
    }

    li.reported:hover {
       background-color: #ececec;
    }

    div.rules {
       background-color: #ececec;
       color: #bcbcbc;
       padding: 0 10px;
       margin: 10px 0;
       font-size: 1.1em;
    }

    div.rules ul, div.rules ol {
       margin-left: 20px;
    }

    p.rules {
       background-color: #ececec;
       background-image: none;
       padding: 5px;
    }

    p.rules img {
       vertical-align: middle;
       padding-top: 5px;
    }

    p.rules a {
       vertical-align: middle;
       clear: both;
    }

    #top {
       position: absolute;
       top: -20px;
    }

    .clear {
       display: block;
       clear: both;
       font-size: 1px;
       line-height: 1px;
       background: transparent;
    }

   /* Sidebars */
    .sidebarwrapper {
        position: relative;
    }

    /* left sidebar, right section */
    .fixedfluid-content {
        padding: 0 0 0 170px;
    }

    /* left sidebar */
    .fixedfluid-sidebar, .fixedfluidfixed-left {
        float: left;
        left: 0;
        top: 0;
        width: 160px;
        bottom: 0;
        padding: 0;
    }

    /* right sidebar, left section */
    .fluidfixed-content {
        padding-right: 210px;
    }

    /* right sidebar */
    .fluidfixed-sidebar, .fixedfluidfixed-right {
        float: right;
        right: 0;
        top: 0;
        width: 200px;
        bottom: 0;
        padding: 0;
        text-align: center;
    }

    /* Both sidebars, middle section */
    .fixedfluidfixed-content {
        padding: 0 270px 0 170px;
    }

    /* Sidebar Styling */

    .ad1, .ad2 {
        display: block;
        float: left;
    }

    .ad1 {
        margin: 0 10px 10px 0;
    }

    .fixedfluid-sidebar ul.sidebar li, .fluidfixed-sidebar ul.sidebar li, .fixedfluidfixed-left ul.sidebar li, .fixedfluidfixed-right ul.sidebar li {
        padding: 5px 10px;
    }
forforce
Registered User
Posts: 323
Joined: Fri Oct 04, 2013 7:57 am
Contact:

Re: Sidebar Inside Board Wrapper

Post by forforce »

Thank you but if I`m using your code all my content is pushed down. The sidebar is floating in the right position in the right side but in left all is empty and the content that should be on left, it`s under the sidebar. Any other sugestions? I can`t use the other trick for sidebar because that one pushed all my content to the left and I have some custom pages where I don`t want to use the sidebar and on those pages I end up with an empty right-sidebar that I don`t need. This one is what I need but I don`t know how to make it not to overlap the footer.
https://www.cumseface.eu , We have tutorials for everything / Te ajutam se te descurci singur .
rayminator
Registered User
Posts: 310
Joined: Wed Nov 15, 2006 1:37 pm
Name: raymond green
Contact:

Re: Sidebar Inside Board Wrapper

Post by rayminator »

this what i'm using on my site as a sidebar

you can look at my site see

http://walkthroughheavenandstuff.com/

open commons.css

add to bottom

Code: Select all

#col3{
   float: left;
   width: 80%;
}

#col4{
    margin-left: 1%;
	padding: 3px 0;
    float: right;
    width: 19%;
}
this what put in you custom pages

Code: Select all

<div id="col4">
<!-- INCLUDE sidebar.html -->
</div>
this will be a bit hard to this part here

this code here is the main codes not in the sidebar

example:

Code: Select all

<div id="col3">
<!-- INCLUDE forumlist_body.html -->
</div>

Code: Select all

<div id="col3">
your content goes here
</div>
forforce
Registered User
Posts: 323
Joined: Fri Oct 04, 2013 7:57 am
Contact:

Re: Sidebar Inside Board Wrapper

Post by forforce »

Thank you for the tip but this is this kind of sidebar I need because It`s resizing on other resolutions too..the other one doesn`t... the only problem is that is getting out of the website if there is not enough content on the page and it looks ugly :( . There is nothing I can do to keep this sidebar and just make it not overlap the footer ?

Edit, SOLVED.
Replace original with this one:

Code: Select all

/* right sidebar, left section */
.fluidfixed-content {
    float: left; 
    width: 83.6%;
}
and this one:

Code: Select all

/* right sidebar */
.fluidfixed-sidebar, .fixedfluidfixed-right {
    float: right; 
    text-align: center; 
    width: 16%;
}
Finally!!! :)
https://www.cumseface.eu , We have tutorials for everything / Te ajutam se te descurci singur .
Locked

Return to “[3.0.x] Styles Support & Discussion”