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

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
avatar
IdaTR
Forumember

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

http://www.vielamort.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);}
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
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. :/
avatar
IdaTR
Forumember

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

http://www.vielamort.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
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
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.
avatar
IdaTR
Forumember

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

http://www.vielamort.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;}
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
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 (:
avatar
IdaTR
Forumember

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

http://www.vielamort.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.
avatar
Ramdaman
Active Poster

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

http://ndihme.forumotion.com/forum

Back to top Go down

Back to top


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