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

Go down

Staff Widget Coding Help? -Take Two

Post by MockingJaye on Sun 15 Nov - 12:01

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>
avatar
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 Mon 16 Nov - 18:46

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.
avatar
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 Mon 16 Nov - 21:15

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 41867
Reputation : 2877
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Staff Widget Coding Help? -Take Two

Post by MockingJaye on Mon 16 Nov - 21:18

Okay... well idk but everyone else sees names, yes I checked.
avatar
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 Mon 16 Nov - 21:24

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 41867
Reputation : 2877
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Staff Widget Coding Help? -Take Two

Post by MockingJaye on Mon 16 Nov - 21:40

I fixed the error but the image problem is still there.
avatar
MockingJaye
Forumember

Female Posts : 30
Reputation : 1
Language : English

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

Back to top Go down

Back to top


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