MyBB Community Forums

Hi, I've made the necessary changes but it seems to not be working. I would gladly welcome anyone who might be willing to assist by replying here or simply PMing me. For the moment though, I am reverting the changes.

(2014-11-10, 02:47 AM)nick47274 Wrote: [ -> ]Hi, I've made the necessary changes but it seems to not be working. I would gladly welcome anyone who might be willing to assist by replying here or simply PMing me. For the moment though, I am reverting the changes.

Did you link the tooltip file in your headerinclude?

<script type="text/javascript" src="images/jquery.tipTip.js"></script>

I can't add the above code line to this tutorial for some reason so if a mod could add it would help a lot.

(2014-11-10, 03:02 AM)iAndrew Wrote: [ -> ]

(2014-11-10, 02:47 AM)nick47274 Wrote: [ -> ]Hi, I've made the necessary changes but it seems to not be working. I would gladly welcome anyone who might be willing to assist by replying here or simply PMing me. For the moment though, I am reverting the changes.

Did you link the tooltip file in your headerinclude?

<script type="text/javascript" src="images/jquery.tipTip.js"></script>

I can't add the above code line to this tutorial for some reason so if i a mod could add it would help a lot.

I'll attempt that and get back to you

---

[attachment=32956]


Okay, here are my findings.

It looks like I got it to work persay, but the CSS isn't showing up possibly?

Make a new css for your theme and add the css above provided.

(2014-09-26, 07:18 PM)iAndrew Wrote: [ -> ]Then go to Themes and make a new stylesheet and fill it with this..

#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}

#tiptip_holder.tip_top {
padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
padding-top: 5px;
}

#tiptip_holder.tip_right {
padding-left: 5px;
}

#tiptip_holder.tip_left {
padding-right: 5px;
}

#tiptip_content {
font-size: 12px;
padding: 4px 8px;
    background: #161617;
    color: #ffffff;
    border: 1px solid #000;
    text-shadow: 1px 1px 0px #161617;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
    box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}

Which is this correct? Any spefic way I should name it or na?

You can name it anything, just make sure you add all of that provided.

[attachment=32958]


Alright, everything appears to be working expect for this.

In the description of this forum I have a link for people to click for a link to a thread in which they can see how to apply for staff.

However, the title of the forum and the link are switched..

A place to discuss more administrative matters.
<br>
<a href="http://phoenix-coalition.com/Forum/announcements.php?aid=3">Apply for Moderator</a>
<br>

That is the description.

---

So...