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

Female Posts : 457
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 : 457
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 : 457
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 : 457
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

View previous topic View next topic Back to top


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