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.

Chat box personilized

View previous topic View next topic Go down

In progress Chat box personilized

Post by catgirl on February 6th 2016, 5:48 pm

Hey! Its me again. And just so you know, i looked over at the page that has the chat box personalized codes on it and i tried the ones i wanted like the change of the chat box name and i put it in my css code but it don't do anything. I have color glow on my links so when i put it at the top it don't do anything and it made the links stop glowing and expanding and when i put it at the bottom, it still don't do anything. If you want me to send you my whole code just tell me and i will. But, what can i do to solve this?
All help is appreciated.

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 6:22 pm

Chatbox name:
Code:
h2.chatbox-title { width:auto }
        h2.chatbox-title:after { content: "PUT TITLE HERE"; }
        a.chat-title { display: none;
}

What else do you need?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 6:32 pm

Right now what i need is the title for right now. If i need more later ill either figure it out or ask about it. But i tried the code you gave me and i put it in the top, didn't work, tried it somewhere else in the top, didn't work, tried it twice at the bottom of the CSS and it didn't work. It didn't do anything to my chat box.

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 6:37 pm

What did you add to CSS? Can you copy it here?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 6:38 pm

Do you want all my code i have on there or just what i Added?

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 6:39 pm

The code you just added.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 6:41 pm

I added what you gave me.

Code:
  h2.chatbox-title { width:auto }
                h2.chatbox-title:after { content: "PUT TITLE HERE"; }
                a.chat-title { display: none;
        }
But where it says put title here, i added magic chat box to test it out and it still says chat box on my forum.

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 6:44 pm

Take a look back at the code I sent, the first time I sent it, I sent it wrong and I editted right after. You might have copied the first one, check the code again and try that.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 6:50 pm

Alright, i put in this code:
Code:
 h2.chatbox-title { width:auto }
                h2.chatbox-title:after { content: "Magic chat box"; }
                a.chat-title { display: none;
        }

And when i went back to my forum, it still was labeled Chat box. It didn't change.

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 6:55 pm

Weird.

Try copying eag line. First line should be all the way to the left. Second and third lines should match up with the "o" in "chatbox" from first line meaning the first letter should be directly beneath it. And the last line for "}" should be all the way to the left.

You may need to make edits after copying to meet the above requirements.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 7:02 pm

Okay i made sure it was like that and i moved it to like 5 different places and tried it and it didn't work but i will just play around with it and try to figure it out.

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 7:05 pm

Can you please send a screenshot of what it looks like in CSS? The way that I described.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 7:18 pm


catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 7:29 pm

Very weird. I have that code on my forum and it works.

Do you have JavaScript enabled?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 7:35 pm

Yeah i do. I have two things inputted in jS such as decorations and such.

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 7:41 pm

Try this:
Code:
$(window).load(function() {
var chatbox_script = function() {
$("a.chat-title").text("NAME HERE");
};

var
s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});

If this does not work, where is your Chatbox located? Do you view it full screen? Portal? Index?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 7:45 pm

I put it at the top and it didn't do anything either. My chat box is located at the top of my index. Here is a link to my forum. http://winxforevermagic.crazy4us.com/

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 7:47 pm

Is there anything in your CSS that might be affecting the Chatbox?

Please send all of your CSS here.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 7:50 pm

My CSS:
#chatbox_header a{
color: #00ecff !important; /*Change the #FFFFFF with the color you wish*/
}

$(window).load(function() {
var chatbox_script = function() {
$("a.chat-title").text("Magic chat box");
};

var
s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


/*cursor*/


/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url( http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/St-Valentin/heart5.cur), progress !important;} /* End http://help.forumotion.com/n145566-valentine-s-day-decorations*/




/*glitter sparkle for username*/
a[href="/u1"] {
background: url("https://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

/*hover over link to glow a certain color*/
a:link:hover, a:link:focus {
color: #ff00ce;
text-shadow: -1px 1px 8px #ff00ce, 1px -1px 8px #ff00ce;
transition: 300ms;
}


google-site-verification: google6e68952d7ff90135.html

.post .name + br { display:none }
.post .postdetails.poster-profile, .post .name {
display:block;
text-align:center;
}

/* default link styles */
a {
-webkit-transition:500ms;
-moz-transition:500ms;
-o-transition:500ms;
transition:500ms;
}





/* default link styles */
a {
-webkit-transition:500ms;
-moz-transition:500ms;
-o-transition:500ms;
transition:500ms;
}

/* hover link styles */
a:hover {
text-shadow:0 0 3px #F00;
}

a[href="/u1"]{
text-decoration: none !important;
text-shadow: 0 0 0.3em #b31db4, 0 0 0.4em #b31db4, 0 0 0.4em #b31db4;
}
a:hover {
color: #069 !important;
text-shadow: 1px 0px 10px #01A9DB;
font-size: 12px;
font-weight: bold;
font-style: italic;
cursor: pointer;
}







google-site-verification: google6e68952d7ff90135.html

.post .name + br { display:none }
.post .postdetails.poster-profile, .post .name {
display:block;
text-align:center;
}


catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by Genesis on February 6th 2016, 8:09 pm

It seems your code is wrong. Make sure the spacing is correct. Look at the code again and see how it looks different.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Chat box personilized

Post by catgirl on February 6th 2016, 8:17 pm

Everything is spaced though. And i put the comments around some words to title what each part is for.

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

In progress Re: Chat box personilized

Post by SLGray on February 6th 2016, 8:34 pm

Code:
  h2.chatbox-title { width:auto !important; }
  h2.chatbox-title:after { content: "PUT TITLE HERE" !important; }
  a.chat-title { display: none !important;
  }


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


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

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