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.

Staff Widget Coding Help? -Take Two

View previous topic View next topic Go down

Staff Widget Coding Help? -Take Two

Post by MockingJaye on November 15th 2015, 8:01 pm

Hi,

Site: http://thevoid.forumotion.net/
Version: PHPBB2

So basically like the title says, here is the exact problem


We got a new moderator and we were also demoting someone so I had to make a new group however that happened no matter what.  Like if you hover over the image it still gives you the persons name, like Deadbolt or Lexa but the picture isn't what it's suppose to be.  If you click on the site link you can see what the widget is suppose to look like. 

Here is the code I'm using. So if someone could tell me what I'm doing wrong/or fix it that would be awesome. 

Code:
<div align="center">

                  <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><strong>Head Administrators</strong><style>.catgdescback10 {background:url('http://i.imgur.com/GVqw1ao.gif'); width:150px; height:30px; padding:0px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; } .catgdesctext10 { width:150px; height:30px; padding:0px; opacity:0.030; transition:0.5s; vertical-align: middle; horizontal-align: middle; } .catgdesctext10:hover { opacity:1; }</style> </span> 
                <div class="catgdescback10">
                                      
                                <div class="catgdesctext10">
                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext10"> </span>   </span> 
                                                <div align="center">
                                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><a href="http://thevoid.forumotion.net/u1"><img src="http://i.imgur.com/sSMdBfi.png" /></a>    </span> 
                                                </div><span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext10"> </span>   </span> 
                                </div>
                                        
                </div>
                      
                <hr /><span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><strong> </strong> <style>.catgdescback2915{background:url('http://i.imgur.com/VWHqbeo.gif'); width:150px; height:30px; padding:0px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; } .catgdesctext2915 { width:150px; height:30px; padding:0px; opacity:0.030; transition:0.5s; vertical-align: middle; horizontal-align: middle; } .catgdesctext2915:hover { opacity:1; }</style> </span> 
                <div class="catgdescback2915">
                                      
                                <div class="catgdesctext2915">
                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext2915"> </span>   </span> 
                                                <div align="center">
                                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><a href="http://thevoid.forumotion.net/u6"><img src="http://i.imgur.com/Cg9dMFB.png" /></a>    </span> 
                                                </div><span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext2915"> </span>   </span> 
                                </div>
                                        
                </div>
                      
                <hr /><span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><strong> </strong><style>.catgdescback3510 {background:url('http://i.imgur.com/w2nmxCa.png'); width:150px; height:30px; padding:0px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; } .catgdesctext3510 { width:150px; height:30px; padding:0px; opacity:0.030; transition:0.5s; vertical-align: middle; horizontal-align: middle; } .catgdesctext3510:hover { opacity:1; }</style> </span> 
                <div class="catgdescback3510">
                                      
                                <div class="catgdesctext3510">
                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext3510"> </span>   </span> 
                                                <div align="center">
                                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><a href="http://thevoid.forumotion.net/u4"><img src="http://i.imgur.com/dDHHSlc.png" /></a>    </span> 
                                                </div><span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext3510"> </span>   </span> 
                                </div>
                                        
                </div>
                        
                <hr /><span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><strong><strong></strong> <style>.catgdescback4192 {background:url('http://i.imgur.com/MFQTFZ7.gif'); width:150px; height:30px; padding:0px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; } .catgdesctext4192 { width:150px; height:30px; padding:0px; opacity:0.030; transition:0.5s; vertical-align: middle; horizontal-align: middle; } .catgdesctext4192:hover { opacity:1; }</style> </strong> </span> 
                <div class="catgdescback4192">
                                      
                                <div class="catgdesctext4192">
                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext4192"> </span>   </span> 
                                                <div align="center">
                                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><a "="" href=" http://thevoid.forumotion.net/u2 "><img src="http://i.imgur.com/DGN5KiP.png" /></a>   </span> 
                                                </div><span style="font-size: 10px;" class="catgtext4192"> </span>    
                                </div>
                                        
                </div><span style="font-size: 10px;"><strong> </strong></span>
</div>


 
                <div align="center">
                  <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><strong>Moderators</strong><style>.catgdescback10 {background:url('http://i.imgur.com/epk88nE.gif'); width:150px; height:30px; padding:0px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; } .catgdesctext10 { width:150px; height:30px; padding:0px; opacity:0.030; transition:0.5s; vertical-align: middle; horizontal-align: middle; } .catgdesctext10:hover { opacity:1; }</style> </span> 
                <div class="catgdescback10">
                                      
                                <div class="catgdesctext10">
                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext10"> </span>   </span> 
                                                <div align="center">
                                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><a href="http://thevoid.forumotion.net/u21"><img src="http://i.imgur.com/w34wmrJ.png" /></a>    </span> 
                                                </div><span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext10"> </span>   </span> 
                                </div>
                                        
                </div>
<hr /><span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><strong><strong></strong> <style>.catgdescback4192 {background:url('http://i.imgur.com/puAKbfh.png'); width:150px; height:30px; padding:0px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; } .catgdesctext4192 { width:150px; height:30px; padding:0px; opacity:0.030; transition:0.5s; vertical-align: middle; horizontal-align: middle; } .catgdesctext4192:hover { opacity:1; }</style> </strong> </span> 
                <div class="catgdescback4192">
                                      
                                <div class="catgdesctext4192">
                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><span class="catgtext4192"> </span>   </span> 
                                                <div align="center">
                                                                   <span style="color: rgb(238, 238, 238); font-family: 'Comic Sans MS'; font-size: 13px;"><a "=""http://thevoid.forumotion.net/u3"><img src="http://i.imgur.com/8xcKwVZ.png" /></a>   </span> 
                                                </div><span style="font-size: 10px;" class="catgtext4192"> </span>    
                                </div>
                                        
                </div><span style="font-size: 10px;"><strong> </strong></span>

</div>

MockingJaye
Forumember

Female Posts : 30
Reputation : 1
Language : English

http://infinitefairytail.canadian-forum.com/

Back to top Go down

Re: Staff Widget Coding Help? -Take Two

Post by MockingJaye on November 17th 2015, 2:46 am

Bumping cause it's been like two days and I've tried a bunch of different fixes and it doesn't seem to fix the image error.

MockingJaye
Forumember

Female Posts : 30
Reputation : 1
Language : English

http://infinitefairytail.canadian-forum.com/

Back to top Go down

Re: Staff Widget Coding Help? -Take Two

Post by SLGray on November 17th 2015, 5:15 am

When I hover over the images, I see the link to the profiles, not usernames.


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


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Staff Widget Coding Help? -Take Two

Post by MockingJaye on November 17th 2015, 5:18 am

Okay... well idk but everyone else sees names, yes I checked.

MockingJaye
Forumember

Female Posts : 30
Reputation : 1
Language : English

http://infinitefairytail.canadian-forum.com/

Back to top Go down

Re: Staff Widget Coding Help? -Take Two

Post by SLGray on November 17th 2015, 5:24 am

I see one issue:
Code:
<a "="" href=" http://thevoid.forumotion.net/u2 ">


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


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Staff Widget Coding Help? -Take Two

Post by MockingJaye on November 17th 2015, 5:40 am

I fixed the error but the image problem is still there.

MockingJaye
Forumember

Female Posts : 30
Reputation : 1
Language : English

http://infinitefairytail.canadian-forum.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