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.

My Widget is Messed Up

View previous topic View next topic Go down

Solved My Widget is Messed Up

Post by Evilpath on December 9th 2013, 7:55 pm

Hello, I have a widget on my forum that recently someone altered (I think) and now it's all jacked up.

Right now it looks like this:


Whereas it is supposed to look like this:

(Sorry for not capturing the full widget on this one, I just happened to have it in my pictures and thought it would help.)

My code is like this
Code:
<style>

a.link1 {
display:block;
height:40px;
background:url(http://i.imgur.com/urXWR.png) repeat-x 0 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
font-size: 14px;
}


center {
position: relative;
top: 0px;
}
</style><a href="http://orichalcosforums.forumotion.com/t1214-oda-starter-guide#11735" class="link1"></a>
<center>
   Starter Guide
</center><a href="http://orichalcosforums.forumotion.com/chatbox/index.forum"></a>
<center>
   ODA Chatbox
</center><a href="http://orichalcosforums.forumotion.com/t1347-oda-rules#25114" class="link1"></a>
<center>
   Rules
</center><a href="http://orichalcosforums.forumotion.com/f2-announcements" class="link1"></a>
<center>
   Most Recent Lesson
</center><a href="http://orichalcosforums.forumotion.com/t2241-lesson-18-spell-trap-effects-activate-and-spell-speed#23076" class="link1"></a>
<center>
   Introductions
</center><a href="http://orichalcosforums.forumotion.com/f12-introductions-and-farewells" class="link1"></a>
<center>
   ODA Arena
</center><a href="http://orichalcosforums.forumotion.com/f11-oda-arena" class="link1"></a>
<center>
   ODA Shop
</center><a href="http://orichalcosforums.forumotion.com/t1433-orichalcos-duel-academy-main-shop" class="link1"></a>
<center>
   Orichalcos Event
</center><a href="http://orichalcosforums.forumotion.com/t2082-progression-orichalcos-event#21460" class="link1"></a>

Does anyone recognize this code, or know how to fix it? Thanks in advance.

Evilpath
Forumember

Posts : 44
Reputation : 1
Language : English

Back to top Go down

Solved Re: My Widget is Messed Up

Post by Ange Tuteur on December 9th 2013, 8:08 pm

Hello Evilpath,

The text was outside of the hyperlink tags, and some CSS was missing.

Replace with :
Code:
<style>

  a.link1 {
  display:block;
  height:40px;
  background:url(http://i.imgur.com/urXWR.png) repeat-x 0 0;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-size: 14px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  }


  center {
  position: relative;
  top: 0px;
  }
  </style><a href="http://orichalcosforums.forumotion.com/t1214-oda-starter-guide#11735" class="link1">Starter Guide</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/chatbox/index.forum" class="link1">ODA Chatbox</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/t1347-oda-rules#25114" class="link1">Rules</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/f2-announcements" class="link1">Most Recent Lesson</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/t2241-lesson-18-spell-trap-effects-activate-and-spell-speed#23076" class="link1">Introductions</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/f12-introductions-and-farewells" class="link1">ODA Arena</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/f11-oda-arena" class="link1">ODA Shop</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/t1433-orichalcos-duel-academy-main-shop" class="link1">Orichalcos Event</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/t2082-progression-orichalcos-event#21460" class="link1">Orichalcos Event Prog</a>

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: My Widget is Messed Up

Post by Evilpath on December 9th 2013, 8:24 pm

That helped, but the text is sort of vertically off-centered... any help with that?

Evilpath
Forumember

Posts : 44
Reputation : 1
Language : English

Back to top Go down

Solved Re: My Widget is Messed Up

Post by Ange Tuteur on December 9th 2013, 8:38 pm

Try this :
Code:
<style>

    a.link1 {
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    background:url(http://i.imgur.com/urXWR.png) repeat-x 0 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight:bold;
    font-size: 12px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    }


    center {
    position: relative;
    top: 0px;
    }
    </style><a href="http://orichalcosforums.forumotion.com/t1214-oda-starter-guide#11735" class="link1">Starter Guide</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/chatbox/index.forum" class="link1">ODA Chatbox</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/t1347-oda-rules#25114" class="link1">Rules</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/f2-announcements" class="link1">Most Recent Lesson</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/t2241-lesson-18-spell-trap-effects-activate-and-spell-speed#23076" class="link1">Introductions</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/f12-introductions-and-farewells" class="link1">ODA Arena</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/f11-oda-arena" class="link1">ODA Shop</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/t1433-orichalcos-duel-academy-main-shop" class="link1">Orichalcos Event</a>
<center>
</center><a href="http://orichalcosforums.forumotion.com/t2082-progression-orichalcos-event#21460" class="link1">Orichalcos Event Prog</a>

It would be better to use padding instead of height, seeing as the link has no parent element.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: My Widget is Messed Up

Post by Evilpath on December 9th 2013, 8:42 pm

I'll be completely honest with you, I have no clue what that meant. However, it's fixed now, so thanks.

Evilpath
Forumember

Posts : 44
Reputation : 1
Language : English

Back to top Go down

Solved Re: My Widget is Messed Up

Post by Ange Tuteur on December 9th 2013, 8:50 pm

You're welcome, hehe don't mind my jargon Wink

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.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