The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Width Issue

View previous topic View next topic Go down

Width Issue

Post by Zed is Not Dead on 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:


This is what they have:


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
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Re: Width Issue

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

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


Design Team Leader


Rules of the Graphic Design Section || Becoming a Designer || Graphic Requests

Never tell your password to anyone!
No help without your forum URL!
No support via PM!

KpuCk0
Graphic Designer
Graphic Designer

Male Posts : 747
Reputation : 150
Language : Bulgarian, English
Location : Bulgaria

http://www.lfszone.com

Back to top Go down

Re: Width Issue

Post by Zed is Not Dead on 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
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Re: Width Issue

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

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


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


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Width Issue

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

forum width

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Re: Width Issue

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

bump

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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