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 and panel with different background

View previous topic View next topic Go down

Solved Chat box and panel with different background

Post by IdaTR on January 29th 2015, 12:03 pm

Hallo!

http://www.vielamort.net/

How do i remove the borders around the header, and the footer of the chatbox?

Instead of seperated sections of the border i would like this border:
Code:

border: 3px solid #1a1a;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;
around the whole thing, if possible?



also i would like to know if you can input a background image which is only shown on the top panel, where you can submit a welcome text.


Thanks for the help (:


Last edited by IdaTR on January 29th 2015, 3:40 pm; edited 1 time in total

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: Chat box and panel with different background

Post by _Twisted_Mods_ on January 29th 2015, 1:28 pm

for the chat

Code:
#frame_chatbox{    border: 3px solid #AAA !important;
   border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
   box-shadow: 0 0 10px #AAA;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
}
#chatbox_footer, #chatbox_header{border: none!important;}


for welcome msg bg just replace "linktoimage.gif" with url to your image
Code:
.panel.introduction{background-image:url(linktoimage.gif);}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Chat box and panel with different background

Post by IdaTR on January 29th 2015, 1:39 pm

The code works perfectly for the panel, however the chats inner borders are still visible. :/

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: Chat box and panel with different background

Post by _Twisted_Mods_ on January 29th 2015, 2:44 pm

can u pm me a test account so i can see the chat

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Chat box and panel with different background

Post by IdaTR on January 29th 2015, 2:45 pm

well at the moment ive put in another chat code from another skin. but sure.

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: Chat box and panel with different background

Post by _Twisted_Mods_ on January 29th 2015, 3:20 pm

Code:
.chatbox .forabg {
    box-shadow: none!important;
}

and if ur wanting to remove line beside chat member list

Code:
#chatbox_members{border-right:none!imporant;}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Chat box and panel with different background

Post by IdaTR on January 29th 2015, 3:38 pm

This one is fixed (:

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: Chat box and panel with different background

Post by Ramdaman on January 29th 2015, 4:13 pm

Nice work Twisted Wink

Topic solved and archived.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

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