Problem width
2 posters
Page 1 of 1
Problem width
I made a forum to test various topics, I found one that I like but it's too wide, how can I reduce the width?
I tried to structure panel pages but does not work, I put 95% but it decreases the forum, under the logo, the logo remains intact, so the problem is from him, how can it be 100 width that forum?
That top bar surrounded I want to 100% width, it's too wide and I see that I inceruito below.
a theme that I found myself and full of bugs.
Sorry do not speak English well
I tried to structure panel pages but does not work, I put 95% but it decreases the forum, under the logo, the logo remains intact, so the problem is from him, how can it be 100 width that forum?
That top bar surrounded I want to 100% width, it's too wide and I see that I inceruito below.
a theme that I found myself and full of bugs.
Sorry do not speak English well
Re: Problem width
Look
- Code:
#i_whosonline + p br + br + em {
background:white;
margin-left: 5px;
margin-right: 5px;
padding: 6px;
border: 1px dashed #c9c9c9;
border-radius: 10px;
display: block;
position: relative;
width: 75%;
left: 100px;
font-style: bold;
}
.module.mod_news .row3 {
background: #f2f2f2;
float: right;
width: 100px;
border-radius: 5px;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
font-size: 12px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: white;
padding: 4px;
border: 1px solid #c9c9c9;
border-radius: 5px;
}
p{
color: black;}
#i_whosonline + p {
border-radius: 7px;
border: 1px dashed #c9c9c9;
}
/*Contur Statistici*/
#page-body p.page-bottom {
border: 1px dashed #ccc;
padding:5px;
position: relative;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-family: Trebuchet MS,Arial,Tahoma;
display:inline-block;
margin-left:40px;
height: 15px;
font-weight : normal;
font-size: 1.2em;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
}
/*End Contur Statisctici*/
/*INCEPUT SEXY DROP DOWN MENU PHPBB3 BY SANKEZ---------------------------------------*/
.headerbar {
background: url(http://i.imgur.com/o4QQ2.png);
position: absolute;
top: 0px;
box-shadow: 0px 1px 8px #d7d7d7;
width: 100%;
left: -5px;
height: 155px;
}
ul.navlinks {border-bottom: 0px solid white;}
#wrap {margin-top: 143px;}
#page-header .navbar img{display: none;}
#page-header .navbar a{color: white;padding: 5px;position: relative; left: 20px;text-shadow: 1px 1px 1px #000000;}
#logo {position: relative;top: 23px;left: 23px;opacity:0.9;filter:alpha(opacity=90);}
#logo:hover {opacity:1.0;filter:alpha(opacity=100);}
#search-box {display: none;}
#page-header .navbar {
font: 10px normal Arial, Helvetica, sans-serif;
width: 100%;
left: -5px;
position: absolute;
top: 121px;
background: none;
}
/*SFARSIT SEXY DROP DOWN MENU PHPBB3 BY SANKEZ---------------------------------------*/
.postprofile dl dd hr{
border: 0 none #000 !important;
border-top: 1px dashed #c9c9c9 !important;
}
#stats {
padding: 8px 10px;
margin-top: 5px;
margin-bottom:5px;
border-radius:4px;
border: 1px solid #DDD;
background: -webkit-linear-gradient(top, white 0%, #F2F2F2 100%);
}
#stats .h3 + p { float: right;}
#stats .h3, .onlinelist br + strong + br, .onlinelist a + br + br +br + br{display:none;}
#stats + .h3 {display:none;}
.onlinelist {
padding: 8px 10px;
margin-top: 5px;
margin-bottom:5px;
border-radius:4px;
border: 1px solid #DDD;
background: -webkit-linear-gradient(top, white 0%, #F2F2F2 100%);
}
margin-top: -9px;
}
.onlinelist em {display:none;}
/*========== Cod Copyright ==========*/
#page-footer:after {
content:"Temă creeată de RĂDUCU. » GraphicArt";
font-weight: bold;
text-align: center;
}
/*========== SFARSIT Cod Copyright ==========*/
Re: Problem width
Hello!
I just added the "width" property in code wrap. That is:
EDIT:
Replace Heanderbar by this code:
Regards,
I just added the "width" property in code wrap. That is:
- Code:
#wrap {width: 90%;}
EDIT:
Replace Heanderbar by this code:
- Code:
.headerbar {
background: url(http://i.imgur.com/o4QQ2.png);
position: absolute;
top: 0px;
box-shadow: 0px 1px 8px #d7d7d7;
width: 90%;
left: -5px;
height: 155px;
}
Regards,
Re: Problem width
But just as I said it, do not know what to do: (.
Menu bar should be lowered and do not know where or how
EDIT: Now try, return.
Re: Problem width
http://s2.postimage.org/q2kg6w92h/untitled.jpg
I think the problem is the width of the menu bar disappear thing I want to:
I think the problem is the width of the menu bar disappear thing I want to:
Re: Problem width
Hello!
Sorry for the delay, but I was trying, and got the result. Replace Heanderbar by this code:
Sorry for the delay, but I was trying, and got the result. Replace Heanderbar by this code:
- Code:
.headerbar {
background: url(http://i12.servimg.com/u/f12/16/63/75/54/o4qq210.png);
position: absolute;
top: 0px;
width: 1275px;
left: -5px;
height: 155px;
}
Re: Problem width
Thank you so much for all the help provided but all the same it does not change anything, I think we need to look for another theme. of, of
Re: Problem width
Hello!
Are you sure? I modified the section width heandbar until right for me. width: 1275px; Let's editing this value to the largest possible to fit how you want. Try again, please.
Regards,
Are you sure? I modified the section width heandbar until right for me. width: 1275px; Let's editing this value to the largest possible to fit how you want. Try again, please.
Regards,
Similar topics
» WIDTH PROBLEM
» forum width problem
» Forum Width Problem
» Background Width Problem
» Forum Width Problem
» forum width problem
» Forum Width Problem
» Background Width Problem
» Forum Width Problem
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum