The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Width Issue

3 posters

Go down

Width Issue Empty Width Issue

Post by Zed is Not Dead September 26th 2015, 3:56 am

Technical Details


Forum version : #Invision
Position : Administrator
Concerned browser(s) : Google Chrome
Who the problem concerns : A few members
When the problem appeared : About 20 minutes ago
Forum link : http://fairytailonline-rp.forumotion.com/

Description of problem

Okay so here is the real issue here, recently I discovered from two users that the forum is hard to view because the resolution of the site is pretty high, now I understand that sounds like a pc problem and not a site problem. But I discovered a site that has everything I have but it fixes itself to all resolutions automatically and not only that keeps the site rather skinny enough for all users to see it.

I want the width like this site has:
http://www.strongworldrol.com/

and I want it to work with my background banner which here is the code I have for it

Code:
body {
background: url(http://i.imgur.com/refsMhJ.png) top center no-repeat,#000000 url("http://img0.joyreactor.com/pics/post/full/art-mountains-waterfalls-torii-gate-1015682.jpeg") no-repeat fixed center center;
}

And finally I want it to work with the slider I have, I realize I will have to resize the over all images to get it to work but I am willing to do it.

My code for the slider:
Code:
<div align="center">
                                                
   <div style="width:1231px;margin:0px auto;">
                                                                                 
      <div class="slider-wrapper theme-default">
                                                                                          
         <div class="ribbon">
                                                                                                 
         </div>
                                                                                          
         <div style="width:1231px;height:309px;" class="nivoSlider" id="nivoslider-125">
                                                        <img alt="" title="" src="http://i.imgur.com/HwSUlFk.jpg" /><a class="postlink" href="http://fairytailonline-rp.forumotion.com/?tid=3bbcb06209f1af91f5c74aa7d058bbe0"><img alt="" title="" src="http://i.imgur.com/gYRMVt1.jpg" /></a><a href="http://fairytailonline-rp.forumotion.com/t206-manual-guild-census#1172?tid=9b6b996efb30dc91f5c74aa7d058bbe0" class="postlink"><img alt="" src="http://i.imgur.com/pfxCu6Y.jpg" /></a><img alt="" src="http://i.imgur.com/8CiM6gV.jpg" /><a rel="nofollow" target="_blank" class="postlink" href="http://www.mangapanda.com/fairy-tail"><img alt="" src="http://i.imgur.com/JbgRsYd.jpg" /></a>                                           
         </div>
                                                                                        
      </div>
                                                                                     
      <p>
                                                 <script type="text/javascript">
jQuery(window).load(function(){
    jQuery("#nivoslider-125").nivoSlider({
        effect:"random",
        slices:15,
        boxCols:8,
        boxRows:4,
        animSpeed:1000,
        pauseTime:7000,
        startSlide:0,
        directionNav:true,
        directionNavHide:true,
        controlNav:true,
        controlNavThumbs:false,
        controlNavThumbsFromRel:true,
        keyboardNav:true,
        pauseOnHover:true,
        manualAdvance:false
    });
});
</script>                                     
      </p>
                                                   
   </div>
</div>

Code for New Slider to work with the width:
Code:
<div align="center">
                                                
   <div style="width:1079px;margin:0px auto;">
                                                                                 
      <div class="slider-wrapper theme-default">
                                                                                          
         <div class="ribbon">
                                                                                                 
         </div>
                                                                                          
         <div style="width:1079px;height:309px;" class="nivoSlider" id="nivoslider-125">
                                                        <img alt="" title="" src="http://i.imgur.com/Pw0KFLR.jpg" /><a class="postlink" href="http://fairytailonline-rp.forumotion.com/?tid=3bbcb06209f1af91f5c74aa7d058bbe0"><img alt="" title="" src="http://i.imgur.com/36rHosf.jpg" /></a><a href="http://fairytailonline-rp.forumotion.com/t206-manual-guild-census#1172?tid=9b6b996efb30dc91f5c74aa7d058bbe0" class="postlink"><img alt="" src="http://i.imgur.com/DdVghNo.jpg" /></a><img alt="" src="http://i.imgur.com/t36VrZ5.png" /><a rel="nofollow" target="_blank" class="postlink" href="http://www.mangapanda.com/fairy-tail"><img alt="" src="http://i.imgur.com/LqajbCJ.jpg" /></a>                                           
         </div>
                                                                                        
      </div>
                                                                                     
      <p>
                                                 <script type="text/javascript">
jQuery(window).load(function(){
    jQuery("#nivoslider-125").nivoSlider({
        effect:"random",
        slices:15,
        boxCols:8,
        boxRows:4,
        animSpeed:1000,
        pauseTime:7000,
        startSlide:0,
        directionNav:true,
        directionNavHide:true,
        controlNav:true,
        controlNavThumbs:false,
        controlNavThumbsFromRel:true,
        keyboardNav:true,
        pauseOnHover:true,
        manualAdvance:false
    });
});
</script>                                     
      </p>
                                                   
   </div>
</div>

This is what I have now:
Width Issue AHGYv0d

This is what they have:
Width Issue HhUADWJ

Now what is the big deal? Well if you can tell mine is far too wide where as theirs is the width I want the forum to be. I hope I clarified what exactly I wanted.
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Width Issue Empty Re: Width Issue

Post by KpuCk0 September 26th 2015, 10:04 am

Did you try this: ACP > General > Forum > Configuration > Pages structure
KpuCk0
KpuCk0
Forumember

Male Posts : 871
Reputation : 171
Language : Bulgarian, English
Location : Pleven, Bulgaria

http://www.lfsdrift.org

Back to top Go down

Width Issue Empty Re: Width Issue

Post by Zed is Not Dead September 26th 2015, 5:09 pm

yup still nothing

I checked the CSS nothing is stopping it either from what I can tell:

Code:
/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
  position:relative;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}
/* Caption styles */
.nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  opacity:0.8; /* Overridden by captionOpacity setting */
  width:100%;
  z-index:8;
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
  display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}
.nivo-prevNav {
  left:0px;
}
.nivo-nextNav {
  right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position:relative;
  z-index:9;
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
  position:relative;
  background:#fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
.theme-default .nivoSlider a {
  border:0;
  display:block;
}

.theme-default .nivo-controlNav {
  position:absolute;
  left:50%;
  bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url() no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.theme-default .nivo-controlNav a.active {
  background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
.theme-default a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}
.theme-default a.nivo-prevNav {
  left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

#main-content { background:#111 }
.blur {
display: inline-block;
color:  !important;
text-shadow: 0 0 10px #000000;
}

/* profile container */
.post-container { margin-left:230px }
.postprofile, .postprofile-details {
  width:230px;
  margin-left:-230px;
  overflow:hidden;
}
.postprofile-details {
  height:490px;
  position:relative;
  margin:0;
}

/* profile fields box */
.profile-info {
  color:#FFF;
  background:#333;
  border:3px solid #0b0b0b;
  border-radius:3px;
  text-align:center;
  padding:3px;
  position:absolute;
  top:500px;
  left:10px;
  width:200px;
  height:300px;
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  transition:1400ms;
}

.postprofile-details:hover .profile-info {
  opacity:1;
  visibility:visible;
  top:60px;
}

/* profile username */
.profile-name {
  background:#002E03;
  text-align:center;
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:40px;
  line-height:40px;
}

/* profile rank */
.profile-rank {
  text-align:center;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
}

/* avatar container */
.profile-avatar {
  background:#17A;
  position:absolute;
  top:40px;
  left:0;
  right:0;
  bottom:0px;
  border:2px solid #333;
}

/* avatar image */
.profile-avatar img {
  width:100%;
  height:100%;
}

.census {
  background:url('http://i.imgur.com/nleA200.jpg') no-repeat 0 0;
  height:150px;
  width:273px;
  padding-top:45px;
}

.census td { width:50% }
.censustitle {
  text-align:right;
  padding-right:3px;
}
.memberCount {
  background:#666;
  border-radius:0 3px 3px 0;
  text-align:center;
  position:absolute;
  height:14px;
  right:-14px;
  width:14px;
}

#censusFairyTail {
  background:#FF9524;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusBluePegasus {
  background:#186FF2;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusSabertooth {
  background:#E4EB1D;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusLightBringer {
  background:#B3890D;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusSagePillar {
  background:#FFFFFF;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusBlackAirs {
  background:#4D4D4D;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusDragonHeart {
  background:#000DBF;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusTartaros {
  background:#BD0606;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusBehemoth {
  background:#72238C;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusAnimusSin {
  background:#993266;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}

#censusWanderer {
  background:#00BA4A;
  border-radius:3px 0 0 3px;
  position:relative;
  height:14px;
}


#party { width: 500px; height: 300px; background-color: #501c65; border-left: solid 10px #501c65; border-right: solid 10px #501c65; border-top: solid 2px #501c65e; border-bottom: solid 2px #501c65; position: RELATIVE; overflow: hidden; }
#party .izqu { -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; left: 0px; bottom: 0px; width: 250px; height: 300px; }
#party:hover .izqu { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; left: -256px; }
#party .dere { -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; right: 0px; bottom: 0px; width: 250px; height: 300 px; }
#party:hover .dere { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; right: -256px; }
#Kazu {width: 500px; height: 300px; background-image: url(http://i.imgur.com/RHKpvRK.jpg);padding-top: 60px;  }
#Ka {width: 410px; height: 220px; position: center;}
#datete {width:205px; height:35px; background: #86bc87; font-family: Open Sans Condensed; color: #fff; text-transform: uppercase; font-size: 20px; padding-top: 20px; text-align: center;}
#datete2 {width:205px; height:35px; background: #501c65; font-family: Open Sans Condensed; color: #fff; text-transform: uppercase; font-size: 20px; padding-top: 20px; text-align: center;}
#datete:hover {background: #722493; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
#datete2:hover {background: #722493; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}

#Zed {width: 500px; height: 300px; background-image: url(http://i.imgur.com/DoI9K7K.png);-webkit-transition: 2s all ease-in-out;-moz-transition: 0.8s all ease-in-out;o-transition: 0.8s all ease-in-out;}
#ZedN {width: 308px; height: 240px; background: transparent; padding: 5px; position: relative; right: -66px; bottom: -26px; border: solid 2px #fff; opacity: 0;-webkit-transition: 2s all ease-in-out;-moz-transition: 0.8s all ease-in-out;o-transition: 0.8s all ease-in-out;}
#Zed:hover {background-image: url(http://i.imgur.com/6JF2a0j.png);-webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
#ZedN:hover {width: 308px; height: 240px; background: transparent; padding: 5px; position: relative; right: -66px; bottom: -26px; border: solid 2px #fff; opacity: 1; -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
#Zedno {width:150px; height:35px; background: #fff; font-family: Open Sans Condensed; color: #000; text-transform: uppercase; font-size: 20px; padding-top: 20px; text-align: center; -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}
#ZedNotD {margin-top: 30px;-webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out;}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}




open : 'http://i.imgur.com/K35psfT.png',
    close : 'http://i.imgur.com/WufHouL.png',
height : '450px',
    width : '1000px',
position :'fixed',
left :'30px',
   

button.style.left = '-30px';
.avatar {width: 150px !important; height: 220px !important ;}
.avatar img {width: 150px !important; height: 220px !important ;}

body {
background: url(http://i.imgur.com/refsMhJ.png) top center no-repeat,#000000 url("http://img0.joyreactor.com/pics/post/full/art-mountains-waterfalls-torii-gate-1015682.jpeg") no-repeat fixed center center;
}

#groupLegend a[href="/g1-administrators"]:hover:before {
  content:"Tooltip";
  color:#FFF;
  text-shadow:none;
  background-color:#000;
  background-color:rgba(0, 0, 0, 0.7);
  border-radius:3px;
  position:absolute;
  margin-top:-25px;
  padding:3px;
}

#right .module, #right .module .box-content, #right .module .maintitle {
  background:none;
  border:none;
}
#right {
  background:url('http://tech96.com/wp-content/uploads/2015/01/Black-Background-HD-Wallpaper-22.jpg') repeat;
}
#content-container div#content { margin-right:0 !important }
#right {
  background:rgba(150, 150, 150, 0.175 );
  border-right:5px solid #333;
  position:fixed;
  padding:6px;
  width:285px !important;
  left:-290px;
  top:18px;
  bottom:0;
  overflow:hidden !important;
  transition:300ms;
  background:url('http://tech96.com/wp-content/uploads/2015/01/Black-Background-HD-Wallpaper-22.jpg') repeat;
}

#right:hover {
  left:0;
  overflow-y:auto !important;
}
#right, #right .module .box-content { padding-left:0 }

#right #topicsRecent {
  background:url('http://i.imgur.com/Z97yj7L.png');
  height:500px;
  width:290px;
  position:relative;
}

#right #topicsRecentList {
  width:185px;
  height:224px;
  border-radius:10px 10px 0 0;
  position:absolute;
  bottom:6px;
  left:22px;
}
.Ryoshi {
  background-image:url('http://i.imgur.com/YnWa020.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Ryoshi {
  background: !important;
}
.Ryoshi .post-container, .Ryoshi .post-header {
  background:none;
}
.Ean {
  background-image:url('http://i.imgur.com/mLKHztx.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Ean {
  background: !important;
}
.Ean .post-container, .Ean .post-header {
  background:none;
}
.Sun {
  background-image:url('http://i.imgur.com/23jJyRT.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Sun {
  background: !important;
}
.Sun .post-container, .Sun .post-header {
  background:none;
}
.Kosovo {
  background-image:url('http://i.imgur.com/ShR23mj.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Kosovo {
  background: !important;
}
.Kosovo .post-container, .Kosovo .post-header {
  background:none;
}
.Krow {
  background-image:url('http://i.imgur.com/GpGAiWA.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Krow {
  background: !important;
}
.Krow .post-container, .Krow .post-header {
  background:none;
}
.Mizuko {
  background-image:url('http://i.imgur.com/pmGqDkY.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Mizuko {
  background: !important;
}
.Mizuko .post-container, .Mizuko .post-header {
  background:none;
}
.Fujin {
  background-image:url('http://i.imgur.com/Ob7Stgj.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Fujin {
  background: !important;
}
.Fujin .post-container, .Fujin .post-header {
  background:none;
}
.Bae {
  background-image:url('http://i.imgur.com/jZsiVOB.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Bae {
  background: !important;
}
.Bae .post-container, .Bae .post-header {
  background:none;
}
.Kosovo {
  background-image:url('http://i.imgur.com/zzUXJPQ.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Kosovo {
  background: !important;
}
.Kosovo .post-container, .Kosovo .post-header {
  background:none;
}
.Ean {
  background-image:url('http://i.imgur.com/RI6Pg2E.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.Ean {
  background: !important;
}
.Ean .post-container, .Ean .post-header {
  background:none;
}
.zed-is-not-dead {
  background-image:url('http://i19.servimg.com/u/f19/18/21/41/30/defaul12.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}
.post.zed-is-not-dead {
  background: !important;
}
.zed-is-not-dead .post-container, .zed-is-not-dead .post-header {
  background:none;
}
.Serenity {
  background-image:url('http://i.imgur.com/dba5cRI.png');
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100%;
}

.Serenity {
  background: !important;
}
.Serenity .post-container, .Serenity .post-header {
  background:none;
}
.post.st-answer.bguser {
    background-image:url(http://i.imgur.com/p1yRyYp.png)
}

#chatbox_members .chatbox-username[data-user="1"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://i.imgur.com/ZWCRPOq.png")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="1"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #33cccc, 0 0 0.2em #66cccc, 0 0 0.2em #993399;}
#chatbox_members .chatbox-username[data-user="2"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://icons.iconarchive.com/icons/ph03nyx/super-mario/16/Question-Block-icon.png")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="2"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;}
#chatbox_members .chatbox-username[data-user="3"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://icons.iconarchive.com/icons/ph03nyx/super-mario/16/Question-Block-icon.png")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="3"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;}
#chatbox_members .chatbox-username[data-user="4"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://icons.iconarchive.com/icons/aha-soft/desktop-halloween/16/Skull-and-bones-icon.png")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="4"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
  text-shadow: 0 0 0.1em #764B8E, 0 0 0.3em #ADB1BF, 0 0 0.3em #5D6584, 0 0 0.4em #919191; }
#chatbox_members .chatbox-username[data-user="5"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://oi62.tinypic.com/15x1hkh.jpg")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="5"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #007fff, 0 0 0.2em #007fff, 0 0 0.2em #007fff;}
#chatbox_members .chatbox-username[data-user="9"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://icons.iconarchive.com/icons/ph03nyx/super-mario/16/Question-Block-icon.png")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="9"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;}
#chatbox_members .chatbox-username[data-user="16"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://i.imgur.com/YiYtq5x.png?1")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="16"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #ff0000, 0 0 0.2em #ff0000, 0 0 0.2em #ff0000;}
#chatbox_members .chatbox-username[data-user="19"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://imgur.com/3qboETD.png")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="19"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #CC9900, 0 0 0.2em #CC9900, 0 0 0.2em #CC9900;}
#chatbox_members .chatbox-username[data-user="21"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://icons.iconarchive.com/icons/ph03nyx/super-mario/16/Question-Block-icon.")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="21"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #0066ff, 0 0 0.2em #0066ff, 0 0 0.2em #0066ff;}
#chatbox_members .chatbox-username[data-user="23"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://s17.postimg.org/rg5yfrt3f/output_Ih_O3d_O.gif")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="23"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00;}
#chatbox_members .chatbox-username[data-user="27"]:before {
content: "";
    width: 18px;
    height: 16px;
    background: url("http://s14.postimg.org/smkxo9019/vlrqehe.gif")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="27"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.2em #00ffea, 0 0 0.2em #00ffea, 0 0 0.2em #00ffea;}
span[data-user="4"] { font-size:0 }
span[data-user="4"]:after{
  font-size:12px!important;
  content:"Death";
  background: url("http://oi61.tinypic.com/29es0l.jpg");
  color: #000000;
text-shadow: 0 0 0.1em #A809FF, 0 0 0.3em #A809FF, 0 0 0.3em #FF0D00, 0 0 0.4em #FF0D00;}
a:link { 
  text-decoration: none; 
  text-shadow: none; 
  -webkit-transition: 200ms linear 0s; 
  -moz-transition: 200ms linear 0s; 
  -o-transition: 200ms linear 0s; 
  transition: 200ms linear 0s; 
  outline: 0 none; 

a:link:hover, a:link:focus 
{color: #fff; 
  text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff; 

.codebox dt {
   background-color: #1E2831;
   }
.codebox dd {
   background-color: #262626;
   border: 1px dotted #B25F00;
   }
.row1,.row2{background-image:url(""); background-repeat;}
body.chatbox
{background-image:url("http://oi57.tinypic.com/fxwfmr.jpg");}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3
{background-color: #00151d; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
  .user[style="color:#000000"] span:before{
  content:url(http://oi59.tinypic.com/2z53ju1.jpg); 
  margin-left:-17px; 
  vertical-align:-3px;
}
  .user[style="color:#9393ED"] span:before{
  content:url("http://i.imgur.com/3SXoQFl.png"); 
  margin-left:-17px; 
  vertical-align:-3px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom,th,td.row1,td.row3.over:hover,td.row2,td.row1.over:hover,td.row3 {
  border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
-khtml-border-radius: 7px;}
.bodyline
{
  background-image: url("");
  background-position: right bottom;
  background-repeat: no-repeat;
  filter:alpha(opacity=95); -moz-opacity: 95; opacity: 95;
  border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-khtml-border-radius: 25px;
}
#chatbox {background: url("http://i.imgur.com/TgN3Z53.jpg") repeat scroll right center transparent;
}
.chatbox_row_1 {background: transparent !important;}
.chatbox_row_2 {background: transparent !important;}
a.mainmenu:hover{
filter:alpha(opacity=30); 
-moz-opacity: 0.65; 
opacity: 0.65;
}
.user[href="/g1-administrators"] span:before{ 
  content:url("http://i.imgur.com/3SXoQFl.png"); 
  margin-left:-17px; 
  vertical-align:top;
}
dl.codebox {
background: #333333;
color: #D18400; }
a:link { 
    text-decoration: none; 
    text-shadow: none; 
    -webkit-transition: 200ms linear 0s; 
    -moz-transition: 200ms linear 0s; 
    -o-transition: 200ms linear 0s; 
    transition: 200ms linear 0s; 
    outline: 0 none; 

a:link:hover, a:link:focus 
{color: #FFFFFF; 
    text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff; 

a[href="/u1"]{     
text-decoration: none;
background: url("http://oi62.tinypic.com/2iaa688.jpg");
text-shadow: 0 0 0.2em #993399, 0 0 0.2em #993399, 0 0 0.2em #993399;
}
a[href="/u2"]{
text-decoration: none;
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/u3"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/u4"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
  text-shadow: 0 0 0.1em #764B8E, 0 0 0.3em #ADB1BF, 0 0 0.3em #5D6584, 0 0 0.4em #919191;
}
a[href="/u5"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
text-shadow: 0 0 0.2em #007fff, 0 0 0.2em #007fff, 0 0 0.2em #007fff;
}
a[href="/u8"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/u9"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/u16"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #ff0000, 0 0 0.2em #ff0000, 0 0 0.2em #ff0000;
}
a[href="/u19"]{     
text-decoration: none;
background: url("http://oi62.tinypic.com/2iaa688.jpg");
text-shadow: 0 0 0.2em #CC9900, 0 0 0.2em #CC9900, 0 0 0.2em #CC9900;
}
a[href="/u21"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
text-shadow: 0 0 0.2em #0066FF, 0 0 0.2em #0066FF, 0 0 0.2em #0066FF;
}
a[href="/u23"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00;
}
a[href="/u27"]{
text-decoration: none;
background: url("http://oi62.tinypic.com/2iaa688.jpg");
text-shadow: 0 0 0.2em #00FFEA, 0 0 0.2em #00FFEA, 0 0 0.2em #00FFEA;
}
a[href="/g1-administrators"]{
text-decoration: none;
background: url("http://oi58.tinypic.com/5ocjh1.jpg");
text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
a[href="/g2-moderators"]{
text-decoration: none;
background: url("");
text-shadow: 0 0 0.2em #CCCCFF, 0 0 0.2em #CCCCFF, 0 0 0.2em #CCCCFF;
}
a[href="/g5-fairy-tail"] {
background: url("http://i.imgur.com/S8hZ51k.png") no-repeat;
padding-left: 15px;
padding-top: 2px; 

a[href="/g6-lamia-scale"] {
background: url("http://oi62.tinypic.com/2wbx28j.jpg") no-repeat;
padding-left: 15px;
padding-top: 2px; 

a[href="/g7-blue-pegasus"] {
background: url("http://i.imgur.com/Wjbfv2q.png") no-repeat;
padding-left: 15px;
padding-top: 2px; 

a[href="/g9-sabertooth"] {
background: url("http://i.imgur.com/QReRRUy.png") no-repeat;
padding-left: 15px;
padding-top: 2px; 

a[href="/g8-tartaros"] {
background: url("http://i.imgur.com/IBwFf5Z.png") no-repeat;
padding-left: 15px;
padding-top: 2px; 

a[href="/g10-behemoth"] {
background: url("http://i.imgur.com/cdHwiUY.png") no-repeat;
padding-left: 15px;
padding-top: 2px; 

a[href="/g11-black-airs"] {
background: url("http://i.imgur.com/Ok0SZNq.png") no-repeat;
padding-left: 17px;
padding-top: 2px; 
}
a[href="/g16-light-bringer"] {
background: url("http://i.imgur.com/Zuq4ADL.png") no-repeat;
padding-left: 17px;
padding-top: 2px; 
}
a[href="/g17-animus-sin"] {
background: url("http://i.imgur.com/jdKMP9Z.png") no-repeat;
padding-left: 17px;
padding-top: 2px; 
}
a[href="/g14-dragon-heart"] {
background: url("http://i.imgur.com/fPwy8I1.png") no-repeat;
padding-left: 17px;
padding-top: 2px; 
}
a[href="/g19-sage-pilllar"] {
background: url("http://i.imgur.com/YSmzyX4.png") no-repeat;
padding-left: 17px;
padding-top: 2px; 
}


/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur137.cur), progress !important;} /* End http://www.cursors-4u.com */
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Width Issue Empty Re: Width Issue

Post by SLGray September 26th 2015, 7:00 pm

Wait a minute.  Is the issue with the forum's width or the nivo slider's width?


Width Issue Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51482
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Width Issue Empty Re: Width Issue

Post by Zed is Not Dead September 26th 2015, 7:28 pm

forum width
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Width Issue Empty Re: Width Issue

Post by Zed is Not Dead September 27th 2015, 9:05 pm

bump
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum