SE Gamer Dark sidebar horizontal collapse with cookies...

Adjustments to existing phpBB3 styles
User avatar
spaceace
Site Owner
Posts: 991
Joined: Wed Dec 16, 2009 8:30 pm
Location: Ontario, Canada
Flag: Canada

SE Gamer Dark sidebar horizontal collapse with cookies...

Post by spaceace »

base style is Christian Bullock's Se Gamer Dark...

these changes are to get the right side sidebar changed only. more work and edits will have to be done for the left sidebar ;)
template/overall_footer.html
[install]Find This may be a partial find and not the whole line
Code: Select all
                   <!-- ENDIF -->
                        </div><!-- /.sidebarwrapper -->
[/install]

[install]Add after Add these lines on a new blank line after the preceding line(s) to find
Code: Select all
						<a href="#" id="separator"></a>
						<div class="clearer">&nbsp;</div>
						</div>
[/install]

[install]Find This may be a partial find and not the whole line
Code: Select all
		<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	</div>
[/install]

[install]Add after Add these lines on a new blank line after the preceding line(s) to find
Code: Select all
<script type="text/javascript">
// <![CDATA[
var jq = $.noConflict();
jq(document).ready(function(){
    // Variables
    var objMain = jq('#main');
 
    // Show sidebar
    function showSidebar(){
        objMain.addClass('use-sidebar');
        jq.cookie('sidebar-pref2', 'use-sidebar', { expires: 30 });
    }
 
    // Hide sidebar
    function hideSidebar(){
        objMain.removeClass('use-sidebar');
        jq.cookie('sidebar-pref2', null, { expires: 30 });
    }
 
    // Sidebar separator
    var objSeparator = jq('#separator');
 
    objSeparator.click(function(e){
        e.preventDefault();
        if ( objMain.hasClass('use-sidebar') ){
            hideSidebar();
        }
        else {
            showSidebar();
        }
    }).css('height', objSeparator.parent().outerHeight() + 'px');
 
    // Load preference
    if ( jq.cookie('sidebar-pref2') == null ){
        objMain.removeClass('use-sidebar');
    }
});
// ]]>
</script>
[/install]
template/overall_header.html
[install]Find This may be a partial find and not the whole line
Code: Select all
                <div class="sidebarwrapper">
                	<!-- 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">
[/install]

[install]Replace with Replace the preceding lines with the following
Code: Select all
<div class="use-sidebar sidebar-at-right" id="main">
                <div class="sidebarwrapper">
                	<!-- IF $SIDEBARS == 'left' -->
                        <div class="fixedfluid-sidebar">
                            <!-- INCLUDE sidebar_left.html -->
                        </div>
                        
                        <div class="fixedfluid-content">
                    <!-- ELSEIF $SIDEBARS == 'right' -->
                    	<div id="sidebar">
                        	<!-- INCLUDE sidebar_right.html -->
                        </div>
                        <div id="content">
                        <div class="fluidfixed-content">
[/install]
theme/colours.css
[install]Find This may be a partial find and not the whole line
Code: Select all
	background: url("{T_THEME_PATH}/images/bg.jpg") repeat left top #f9f9f9;
[/install]

[install]Replace with Replace the preceding lines with the following
Code: Select all
	background: url("{T_THEME_PATH}/images/bg.jpg") repeat left top #181818;
[/install]
theme/se_gamer.css
[install]Find This may be a partial find and not the whole line
Code: Select all
.sidebarwrapper {
	position: relative;
[/install]

[install]Add after Add these lines on a new blank line after the preceding line(s) to find
Code: Select all
	background-color: #181818;
[/install]

[install]Find This may be a partial find and not the whole line
Code: Select all
	background: white;
[/install]

[install]Replace with Replace the preceding lines with the following
Code: Select all
	background: #181818;
[/install]

[install]Find This may be a partial find and not the whole line
Code: Select all
	padding-right: 270px;
	background: white;
[/install]

[install]Replace with Replace the preceding lines with the following
Code: Select all
	background: #181818;
	width: 100%;
[/install]

[install]Find This may be a partial find and not the whole line
Code: Select all
	width: 260px;
[/install]

[install]Replace with Replace the preceding lines with the following
Code: Select all
	width: 19%;
[/install]

[install]Find This may be a partial find and not the whole line
Code: Select all
.navbar i {
	color: #df4910;	
}
[/install]

[install]Add after Add these lines on a new blank line after the preceding line(s) to find
Code: Select all
#content,#sidebar {
}
 
#sidebar {
   display: none;
}
#content {
   width: 98%;
}
 
.use-sidebar #content {
   width: 79%;
}

.use-sidebar #sidebar {
   display: block;
   width: 32%;
}
 
.sidebar-at-left #sidebar {}
.sidebar-at-right #sidebar {width: 19%;}
 
.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {
   float: right;
}

.sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar, .sidebar-at-left #separator {
   float: left;
}
 
#separator {
   border: 1px solid #CCC;
   display: block;
   outline: none;
   width: 10px;
   margin: 0 9px;
}
.use-sidebar #separator {
   border-color: #FFF;
}
#separator:hover {
   border-color: #ABC;
}
.clearer {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
}
[/install]

upload this file to the folder theme/images
vertical-separator.gif
if you don't already have a file modified for the blocks, do the following...
template/sidebar_right.html
[install]Replace with Replace the entire contents with this
Code: Select all
<div class="forabg">
	<div class="forumlist">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="" style="position:relative">
				<ul style="list-style-type: none;">
					<li class="header">
						<dl class="icon">
							<dt>Block 1</dt>
						</dl>
				</ul>
			</ul>
			<ul class="topiclist" style="display:block">
				<div class="trigger active"></div>
				<div class="collapsethis"> 
					<li class="bg1">Row 1</li>
					<li class="bg2">Row 2</li>
					<li class="bg1">Row 3</li>
					<li class="bg2">Row 4</li>
					<li class="bg1">Row 5</li>
			</ul>
		<span class="corners-bottom"><span></span></span></div>
		</div>
	</div>

<div class="forabg">
	<div class="forumlist">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="" style="position:relative">
				<ul style="list-style-type: none;">
					<li class="header">
						<dl class="icon">
							<dt>Block 2</dt>
						</dl>
				</ul>
			</ul>
			<ul class="topiclist" style="display:block">
				<div class="trigger active"></div>
				<div class="collapsethis"> 
					<li class="bg1">Row 1</li>
					<li class="bg2">Row 2</li>
					<li class="bg1">Row 3</li>
					<li class="bg2">Row 4</li>
					<li class="bg1">Row 5</li>
			</ul>
		<span class="corners-bottom"><span></span></span></div>
		</div>
	</div>

<div class="forabg">
	<div class="forumlist">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="" style="position:relative">
				<ul style="list-style-type: none;">
					<li class="header">
						<dl class="icon">
							<dt>Block 3</dt>
						</dl>
				</ul>
			</ul>
			<ul class="topiclist" style="display:block">
				<div class="trigger active"></div>
				<div class="collapsethis"> 
					<li class="bg1">Row 1</li>
					<li class="bg2">Row 2</li>
					<li class="bg1">Row 3</li>
					<li class="bg2">Row 4</li>
					<li class="bg1">Row 5</li>
			</ul>
		<span class="corners-bottom"><span></span></span></div>
		</div>
	</div>

<div class="forabg">
	<div class="forumlist">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="" style="position:relative">
				<ul style="list-style-type: none;">
					<li class="header">
						<dl class="icon">
							<dt>Block 4</dt>
						</dl>
				</ul>
			</ul>
			<ul class="topiclist" style="display:block">
				<div class="trigger active"></div>
				<div class="collapsethis"> 
					<li class="bg1">Row 1</li>
					<li class="bg2">Row 2</li>
					<li class="bg1">Row 3</li>
					<li class="bg2">Row 4</li>
					<li class="bg1">Row 5</li>
			</ul>
		<span class="corners-bottom"><span></span></span></div>
		</div>
	</div>
[/install]

as always, use at your own risk. any comments or questions, please post them here :D
You do not have the required permissions to view the files attached to this post.
Last edited by spaceace on Sat Dec 27, 2014 9:12 pm, edited 3 times in total.

if you like my work and would like to contribute to my development of styles, please donate by using the donate button in the header.

Image

Need hosting? Click this text to check out ICDSOFT

User avatar
clight77
Donor
Posts: 30
Joined: Mon Mar 11, 2013 10:09 pm
Flag: Canada

Re: SE Gamer Dark sidebar horizontal collapse with cookies...

Post by clight77 »

Had to alter Guest perms and alter chat_body.html so it looked right if user was not logged In.

Changes to chat_body.html ,there are 3 removals,in my case.


ORIGINAL:

Removed:
Code: Select all
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_GET_CHAT -->
<!-- IF S_READ or S_ADD -->
<!-- BEGIN chatrow -->
<div id="p{chatrow.MESSAGE_ID}" class="post bg7">
<div class="inner">
<span class="corners-top"><span></span></span>
<!--<div class="corners-top"><div></div></div>-->
<div class="postbody">
<div class="content"><!-- IF U_ACP and

U_MCP -->

<ul class="profile-icons" style="float: left" ><li class="delete-

icon"><a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}"

onClick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a></li></ul>
<!-- ENDIF -->
[{chatrow.TIME}] &nbsp;&nbsp;{chatrow.USERNAME_FULL}&nbsp;:&nbsp;

{chatrow.MESSAGE}</div>
</div>

<span class="corners-bottom"></span>
<!--<div class="corners-bottom"><div></div></div>-->
</div>
</div>
<!-- END chatrow -->

--!--{LAST_ID}--!--
<!--<!-- BEGIN soundrow -->{soundrow.SOUND}<!-- END soundrow -->-->
<!-- IF S_WHOISONLINE -->
<!-- BEGIN whoisrow -->
<div>
<div class="inner">
<div class="user"><img

style="vertical-align: middle" src="../good copies/{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png"

class="online_img" alt="" />&nbsp;{whoisrow.USERNAME_FULL}</div>
</div>
</div>
<!-- END whoisrow -->--!--{LAST_TIME}--!--{DELAY}--!--

{LAST_POST}
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ELSE -->
<!-- IF S_CHAT -->
<!-- INCLUDE overall_header.html -->
<!-- ENDIF -->
<script type="text/javascript">
// <![CDATA[
// This function sets a client-side cookie. Only first 2 parameters are required
// Rest of the parameters are optional. Superj707
//******************************************************************************************
function setCookie( name, value, expires, path, domain, secure ) {
var today = new Date();
today.setTime( today.getTime() );
if ( expires ) {
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );
document.cookie = name+'='+escape( value ) +
( ( expires ) ? ';expires='+expires_date.toGMTString() : '' ) +

//expires.toGMTString()
( ( path ) ? ';path=' + path : '' ) +
( ( domain ) ? ';domain=' + domain : '' ) +
( ( secure ) ? ';secure' : '' );

}

//******************************************************************************************
// This functions reads & returns the cookie value of the specified cookie (by cookie name)
//******************************************************************************************
function getCookie( name ) {
var start = document.cookie.indexOf( name + "=" );
var len = start + name.length + 1;
if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {
return null;
}
if ( start == -1 ) return null;
var end = document.cookie.indexOf( ';', len );
if ( end == -1 ) end = document.cookie.length;
return unescape( document.cookie.substring( len, end ) );
}
var form_name = 'postform';
var text_name = 'message';
var fieldname = 'chat';
var last_time = 0;
var xmlHttp = http_object();
var last_id = {LAST_ID};
var type = 'receive';
var post_time = {TIME};
var read_interval = 15000;
var interval = setInterval('handle_send("read", last_id);', read_interval);
var name = getCookie("fontholdcookie");
var blkopen = name;
if (name == null || name === null || name =='null' )
{
var blkopen = '';
}
else
{
var blkopen = name;
}
var blkclose ='
';
function handle_send(mode, f)
{
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
{
indicator_switch('on');
type = 'receive';
param = 'mode=' + mode;
param += '&last_id=' + last_id;
param += '&last_time=' + last_time;
param += '&last_post=' + post_time;
param += '&read_interval=' + read_interval;
if (mode == 'add' && document.postform.message.value != '')
{
type = 'send';
for(var i = 0; i < f.elements.length; i++)
{
elem = f.elements;
param += '&' + elem.name + '=' + blkopen + " " +

encodeURIComponent(elem.value) + blkclose;
}
document.postform.message.value = '';
}
else if (mode == 'delete')
{
type = 'delete';
param += '&chat_id=' + f;
}
xmlHttp.open("POST", '{FILENAME}', true);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-

urlencoded');
xmlHttp.onreadystatechange = handle_return;
xmlHttp.send(param);
}
}
function handle_return()
{
if (xmlHttp.readyState == 4)
{
if (type != 'delete')
{
results = xmlHttp.responseText.split('--!--');
if (results[1])
{
if (last_id == 0)
{
document.getElementById(fieldname).innerHTML =

results[0];
}
else
{
document.getElementById(fieldname).innerHTML =

results[0] + document.getElementById(fieldname).innerHTML;
}
last_id = results[1];
if (results[2])
{
document.getElementById

('whois_online').innerHTML = results[2];
last_time = results[3];
if (results[4] != read_interval * 1000)
{
window.clearInterval(interval);
read_interval = results[4] * 1000;
interval = setInterval('handle_send

("read", last_id);', read_interval);
document.getElementById

('update_seconds').innerHTML = results[4];
}
post_time = results[5];
}
}
}
indicator_switch('off');
}
}
function delete_post(chatid)
{
document.getElementById('p' + chatid).style.display = 'none';
handle_send('delete', chatid);
}
function indicator_switch(mode)
{
if(document.getElementById("act_indicator"))
{
var img = document.getElementById("act_indicator");
if(img.style.visibility == "hidden" && mode == 'on')
{
img.style.visibility = "visible";
}
else if (mode == 'off')
{
img.style.visibility = "hidden"
}
}
}
function http_object()
{
if (window.XMLHttpRequest)
{
return new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
try
{
return new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
document.getElementById('p_status').innerHTML = 'Your version of

Internet Explorer does not support AJAX.';
}
}
}
else
{
document.getElementById('p_status').innerHTML = 'Status: Cound not create

XmlHttpRequest Object. Consider upgrading your browser.';
}
}

function hilite(value) {
var cur_color = value;
// clear colors
document.getElementById("fc").style.backgroundColor = cur_color;
document.getElementById("fctd").style.backgroundColor = cur_color;

}

/**
* color palette
*/
function colorPalette(dir, width, height)
{
var r = 0, g = 0, b = 0;
var numberList = new Array(6);
var color = '';

numberList[0] = '00';
numberList[1] = '40';
numberList[2] = '80';
numberList[3] = 'BF';
numberList[4] = 'FF';

document.writeln('<table cellspacing="1" cellpadding="0" border="0">');

for (r = 0; r < 5; r++)
{
if (dir == 'h')
{
document.writeln('<tr>');
}

for (g = 0; g < 5; g++)
{
if (dir == 'v')
{
document.writeln('<tr>');
}

for (b = 0; b < 5; b++)
{
color = String(numberList[r]) + String(numberList[g]) + String

(numberList);
document.write('<td bgcolor="#' + color + '" style="width: ' +

width + 'px; height: ' + height + 'px;">');

document.write('<span onmouseover="this.style.cursor=\'pointer

\'" onmousedown="setCookie(\'fontholdcookie\', \'[color=#' + color + ']\',\'1000\'); blkopen =

\'[color=#' + color + ']\'; hilite(\'#' + color + ' \'); return false;"><img

src="images/spacer.gif" width="' + width + '" height="' + height + '" alt="#' + color + '"

title="#' + color + '" /></span>');
document.writeln('</td>');
}

if (dir == 'v')
{
document.writeln('</tr>');
}
}

if (dir == 'h')
{
document.writeln('</tr>');
}
}
document.writeln('</table>');
}
function addText(instext)
{
var mess = document.getElementById('message');
//IE support
if (document.selection)
{
mess.focus();
sel = document.selection.createRange();
sel.text = instext;
document.message.focus();
}
//MOZILLA/NETSCAPE support
else if (mess.selectionStart || mess.selectionStart == "0")
{
var startPos = mess.selectionStart;
var endPos = mess.selectionEnd;
var chaine = mess.value;
mess.value = chaine.substring(0, startPos) + instext + chaine.substring

(endPos, chaine.length);
mess.selectionStart = startPos + instext.length;
mess.selectionEnd = endPos + instext.length;
mess.focus();
}
else
{
mess.value += instext;
mess.focus();
}
}
// ]]>
-->
</script>
<style type="text/css">
<!--


#act_indicator {
visibility:hidden;
}
.shouts {
width: 70%;
height:274px;
overflow-x: hidden;
overflow:auto;
float:left;
}
.onlinelist {
width: 30%;
overflow:auto;
height:274px;
}
#chat {
width: 100%;
text-align:left;
}
#chat * {
margin:0px;
padding:0px;
min-height:0px;
}
.postprofile {
min-height: 5px !important;
}
.chatform {
width: 95%;
text-align:center;
}
.users {
width: 90%;
text-align: left;
margin-left:auto;
margin-right:auto;
}
.user {
width: 95%;
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
}
.chatinput {width: 61.5% !important;}
.online_img {
}
.postbody .content {
font-size: 97%;
}

#messageText {
background-color:black;
color:white;
}

.trigger {
background: url("./styles/SE_Gamer_Dark/theme/images/collapse-icon.png") no-repeat;
width: 18px;
height: 19px;
cursor: pointer;
float: right;
position: relative;
z-index: 9998;
margin-top: -30px;
margin-right: 5px;
}
-->
</style>



<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="content"><font color="white"><font size="2"><b>101 ShoutBox &nbsp;- - - - -

&nbsp; <font color="white">There is a Private Chat on the bottom of all pages.</b>
</font></font></font>
<br />
<br />
<br />

Removed:

Code: Select all
<!-- IF S_USER_LOGGED_IN -->
<div class="inner">
<div class="shouts">
<div id="chat">
<!-- BEGIN chatrow -->
<div id="p{chatrow.MESSAGE_ID}" class="post bg6">


<div class="inner">
<!--<span class="corners-top"><span></span></span>-->
<div class="corners-top"><div></div></div>
<div class="postbody">
<div class="content"><!-- IF U_ACP and

U_MCP -->
<ul class="profile-icons" style="float: left" ><li class="delete-

icon"><a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}"

onClick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a></li></ul>
<!-- ENDIF -->
[{chatrow.TIME}] &nbsp;&nbsp;{chatrow.USERNAME_FULL}&nbsp;:&nbsp;

{chatrow.MESSAGE}</div>
</div>

<span class="corners-bottom"></span>
<!--<div class="corners-bottom"><div></div></div>-->
</div>
</div>
<!-- END chatrow -->
</div>
</div>


<div class="onlinelist bg7">
<font size="4"><font color="yellow"><center>&nbsp;<u>Announcement

Area</font></center></u></font>
<!--<marquee behavior="alternate" direction="left" scrollamount="2"
ONMOUSEOVER="this.stop();"
ONMOUSEOUT="this.start();">
Any Issues with new theme<a href="http://www.101warez.com/forum/memberlist.php?

mode=viewprofile&u=55">&nbsp;&nbsp;[click here to PM me]</a>
</MARQUEE>-->
<p> <font size="3" color="white"><center>&nbsp;&nbsp;Home & repository of Qmax Movie

Re encodes</font></center></font>

<!--<font color="#7fff00"><center>&nbsp;&nbsp;&nbsp;<b>* This site is now Invitation

only,and is fully working. *</font></center></b>-->

<br />
<div style="text-align:center;"><div class="forabg"><a

href="http://www.101warez.com/forum/phpfreech ... php"><font size="+2"

color="#7fff00">New:</font> 101warez Extended chat similar to IRC</a>
</div>
<font color="yellow"><center> &nbsp;&nbsp;&nbsp;If private chat on bottom right does not show

using FF you may have to use Ctrl+</font></center>
<br />
<div style="text-align:center;"><a href="http://www.101warez.com/forum/nzb.php"><font

color="white"><center> &nbsp;&nbsp;&nbsp;How to gain access to nzb section</font></center></a>
</div>
</div>
</div>
</div>


<div class="bg7">
<br />
<form name="postform" id="postform" method="post" action="javascript:void(0);"

onsubmit="handle_send('add', this)" autocomplete="off">
<div align="left">
<input type="button" class="button2" name="bbpalette" id="bbpalette" value="Font color"

onclick="change_palette();"/>&nbsp;
<input type="text" style="color:#ffff00;"tabindex="1" name="message" id="message"

class="inputbox chatinput"placeholder="--Start typing your Chat text here, press Enter when

done.">

&nbsp;
<input type="submit" class="button1" value="Post" name="Post" tabindex="6" accesskey="s"/>
<div id="colour_palette" style="display: none;">
<dl style="clear: left;">
<dt><label>Set chat font color:</label></dt>
<dd>

<script type="text/javascript">

function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');

if (e.style.display == 'block')
{
document.getElementById('bbpalette').value = 'Hide chat

font color';
}
else
{
document.getElementById('bbpalette').value = 'Chat font

color';
}
}

colorPalette('h', 15, 10);
</script>
</dd>
</dl>

<table id="fc" cellspacing="0" cellpadding="0" height="18px" width ="74px";">
</table>
</div>
<!-- INCLUDE posting_buttons3.html -->
<!-- ENDIF -->
<!-- ENDIF -->

</div>
<br />
</div>
</div>
<br />
<br />
<!-- IF S_CHAT -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->

Removed:
Code: Select all
<!-- ELSE -->
    <div class="navbar" style="text-align: center">
       <div class="inner">
          <span class="corners-top"><span></span></span>
             <div id="author">{L_DETAILS}
                <strong>To use chat, you must be registered and logged in.</strong>
             </div>
          <span class="corners-bottom"><span></span></span>
       </div>
    </div>
    <br />
    <!-- ENDIF -->
Last edited by clight77 on Wed Dec 24, 2014 12:36 pm, edited 2 times in total.

User avatar
clight77
Donor
Posts: 30
Joined: Mon Mar 11, 2013 10:09 pm
Flag: Canada

Re: SE Gamer Dark sidebar horizontal collapse with cookies...

Post by clight77 »

In index.html I had to move:
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
<fieldset class="quick-login">
<label for="username">{L_USERNAME}:</label>&nbsp;<input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />
<label for="password">{L_PASSWORD}:</label>&nbsp;<input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
<!-- IF S_AUTOLOGIN_ENABLED -->
| <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>
<!-- ENDIF -->
<input type="submit" name="login" value="{L_LOGIN}" class="button2" />
</fieldset>
</form>
<!-- ENDIF -->
Above:
<!-- INCLUDE chat_body.html -->
As it broke login.

User avatar
clight77
Donor
Posts: 30
Joined: Mon Mar 11, 2013 10:09 pm
Flag: Canada

Re: SE Gamer Dark sidebar horizontal collapse with cookies...

Post by clight77 »

To have sidebar on left, change these 2 lines in se_gamer.css

Find:
.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {
float: right;
}

Change To:
.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {
float: left;
}


Find:
.sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar, .sidebar-at-left #separator {
float: left;
}

ChangeTo:
.sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar, .sidebar-at-left #separator {
float: right;
}



That should do it :)
Last edited by clight77 on Wed Feb 04, 2015 9:45 am, edited 1 time in total.

User avatar
Terry
Registered User
Posts: 2
Joined: Wed Dec 03, 2014 4:02 pm
Flag: Bangladesh

Re: SE Gamer Dark sidebar horizontal collapse with cookies...

Post by Terry »

Make an edit on the first post then remove the edit to fix modx bbcode.

Unless you have removed it that is.
Last edited by Terry on Wed Sep 21, 2016 5:37 am, edited 1 time in total.

User avatar
spaceace
Site Owner
Posts: 991
Joined: Wed Dec 16, 2009 8:30 pm
Location: Ontario, Canada
Flag: Canada

Re: SE Gamer Dark sidebar horizontal collapse with cookies...

Post by spaceace »

Terry wrote:Make an edit on the first post then remove the edit to fix modx bbcode.

Unless you have removed it that is.
that was an older version of modx bbcode and i just never fixed it :roll:
if you like my work and would like to contribute to my development of styles, please donate by using the donate button in the header.

Image

Need hosting? Click this text to check out ICDSOFT