• Daily Support was created for Forumotion support, troubleshooting your problems with your computer, with your network or with your life. We offer graphic design services like graphic creations, good tutorials and many others! I hope you like this theme, i worked a lot to make it.
    Look at our new code! This is a nice loading screen for all versions Very Happy Read more
    Look at our new code! This is a nice Windows 8 Styled navigation bar! Read more
    Look at our new code! This is a code for partner, similary to our partner script! You have to choose your forum version, from the next list...Read more.
Daily Support ™

Tutorials, protection, discussions, graphic design, forumotion help, codes, gaming, roleplay, counter-strike 1.6, metin2, mt2, cs 1.6, cs 1.6 codes, mt2 codes, powerfull forum


You are not connected. Please login or register

Customizing the AvacWeb

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Customizing the AvacWeb
on Sun Aug 11, 2013 2:42 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
Hello again Very Happy

so, after I got help with adding the chat, now I need help with making it look better.


- Mainly the theme of it should get the color of this : 5D907E
- also the text color better be black
- back ground with those blue and white lines.. if there's a way to remove them maybe.
- Font style to be normal




2 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 2:58 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
Hi!
Well, this is very easy ^^
Add into your CSS:
Code:

#chatbox_header, #chatbox_footer {
background: #5D907E!important;
box-shadow: inset 0 10px 10px #5D907E!important;
-moz-box-shadow: inset 0 10px 10px #2787EE!important;
-webkit-box-shadow: inset 0 10px 10px #5D907E!important;
text-shadow: 0 1px #5D907E!important;
}

div#chatbox {
color: #000!important;
}

.chatbox_row_1, .chatbox_row_2{
background-color: white!important;
}

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-decoration: none!important;
font-family: arial!important;
}


#chatbox_members {
background: #5D907E!important;
}


3 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 3:16 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
Awesome!
ok one more thing.. the chat button itself, I'd like it to have same color as I provided before
and if there's a way to make the size of it as the one you have in this forum Very Happy


4 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 3:20 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
Be sure of that. Add to your CSS
Code:

#avacweb_chat_button.v1-8 {
background: #5D907E!important; box-shadow: inset 0 10px 10px #6FA894!important; -moz-box-shadow: inset 0 10px 10px #BBD1F8!important; -webkit-box-shadow: inset 0 10px 10px #6FA894!important; border: 1px solid #6DA1C4!important; padding: 1px 40px!important; color: white!important; text-shadow: 0px 0px 0px!important;
}


5 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 3:41 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
Alright,
_______________________

Theme

I honestly don't like this theme (colors) of it :/
I tried playing around them but I've failed, if Lego can get some free time trying to make mine exactly like this forum but with green-ish colors to fit my site.

and finally this


it's too black and not fitting, it would be cool to have it with same color as the bg of the chat Very Happy

Lego, thank you for the fast replies and helping me out bro  xD




Last edited by RsS.YuGi on Sun Aug 11, 2013 4:12 am; edited 2 times in total
6 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 3:43 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
EDIT:

the first 2 bugs are weird fixed on their own xD


7 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 3:51 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
For bugs, can you provide me a tests account with no moderation or administration acces ? Thanks!
You can reply here the account.

For design i'll help you faster Very Happy . Add these codes to your CSS
Code:

#chatbox_footer, #chatbox_header {
-moz-box-shadow: inset 0 10px 10px #2787EE!important;
-webkit-box-shadow: inset 0 10px 10px #7DB9A4!important;
background: #5D907E!important;
box-shadow: inset 0 10px 10px #7DB9A4!important;
text-shadow: 0 1px #7DB9A4!important;
}

#message {
background: white!important;
}

#chatbox_members .member-title {
background-color: #5D907E!important;
border: 1px solid #18684C!important;
box-shadow: inset 0 10px 10px#5D907E!important;
-moz-box-shadow: inset 0 10px 10px #E2EEF8!important;
-webkit-box-shadow: inset 0 10px 10px #75B9A1!important;
text-shadow: 0px 0px!important;
}


8 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 4:05 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
I'm sorry I edited the post removed the bug thought they are fixed, I'll re-post them here. Please bare with me.


- It shows 0 online while there are people in the chat



- It keeps loading when logging in until typing something.



- each time anyone opens a PM or when I create a new room, this shows:




Last thing: The theme of it isn't working fine for me, it's not looking good :/



As for the testing account you can use this:

Name: Test Account
Pass: test123456789


9 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 4:11 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
For the first, second and third problems i need a test account. For the last problem you must replace
Code:


#chatbox_header, #chatbox_footer {
background: #5D907E!important;
box-shadow: inset 0 10px 10px #5D907E!important;
-moz-box-shadow: inset 0 10px 10px #2787EE!important;
-webkit-box-shadow: inset 0 10px 10px #5D907E!important;
text-shadow: 0 1px #5D907E!important;
}
with last CSS code i provided you Very Happy


10 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 4:15 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
Alright, that has been fixed at least for now until I learn how to make things looking better Very Happy


The bug #3 was fixed when I cleaned the chat btw.

as for the test account I've edited my post and here I'll provide again:

Name: Test Account
Pass: test123456789


11 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 4:28 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
Remove all codes i gived you and add to CSS:

Code:

div#chatbox {
color: #000!important;
}
.chatbox_row_1, .chatbox_row_2{
background-color: white!important;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-decoration: none!important;
font-family: arial!important;
}
#chatbox_members {
background: #5D907E!important;
}


#avacweb_chat_button.v1-8 {
background: #5D907E!important; box-shadow: inset 0 10px 10px #6FA894!important; -moz-box-shadow: inset 0 10px 10px #BBD1F8!important; -webkit-box-shadow: inset 0 10px 10px #6FA894!important; border: 1px solid #6DA1C4!important; padding: 1px 40px!important; color: white!important; text-shadow: 0px 0px 0px!important;
}


#message {
background: white!important;
}
#chatbox_members .member-title {
background-color: #5D907E!important;
border: 1px solid #18684C!important;
box-shadow: inset 0 10px 10px#5D907E!important;
-moz-box-shadow: inset 0 10px 10px #E2EEF8!important;
-webkit-box-shadow: inset 0 10px 10px #75B9A1!important;
text-shadow: 0px 0px!important;
}


#chatbox_header, #chatbox_footer {
background: #5D907E!important;
box-shadow: inset 0 10px 10px #5D907E!important;
-moz-box-shadow: inset 0 10px 10px #2787EE!important;
-webkit-box-shadow: inset 0 10px 10px #5D907E!important;
text-shadow: 0 1px #5D907E!important;
}

#achat_header {
margin-top: -20px!important;
}


12 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 4:33 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
Can you post your CSS Stylesheet with [hide] tags ? Thanks.


13 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 4:36 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
Code:
div#chatbox {
color: #000!important;
}
.chatbox_row_1, .chatbox_row_2{
background-color: white!important;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-decoration: none!important;
font-family: arial!important;
}
#chatbox_members {
background: #5D907E!important;
}
#avacweb_chat_button.v1-8 {
background: #5E5E5E!important; box-shadow: inset 0 10px 10px #6FA894!important; -moz-box-shadow: inset 0 10px 10px #BBD1F8!important; -webkit-box-shadow: inset 0 10px 10px #6FA894!important; border: 1px solid #6DA1C4!important; padding: 1px 40px!important; color: white!important; text-shadow: 0px 0px 0px!important;
}
#message {
background: #5E5E5E !important;
}
#chatbox_members .member-title {
background-color: #5D907E!important;
border: 1px solid #18684C!important;
box-shadow: inset 0 10px 10px#5D907E!important;
-moz-box-shadow: inset 0 10px 10px #E2EEF8!important;
-webkit-box-shadow: inset 0 10px 10px #75B9A1!important;
text-shadow: 0px 0px!important;
}
#chatbox_header, #chatbox_footer {
background: #5D907E!important;
box-shadow: inset 0 10px 10px #5D907E!important;
-moz-box-shadow: inset 0 10px 10px #2787EE!important;
-webkit-box-shadow: inset 0 10px 10px #5D907E!important;
text-shadow: 0 1px #5D907E!important;
}
#achat_header {
margin-top: -20px!important;
}

I messed up things while trying to edit.. those are all the things I have to control the look of the chat :/


14 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 4:49 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
Replace with:

Code:

div#chatbox {
color: #000!important;
}
.chatbox_row_1, .chatbox_row_2{
background-color: white!important;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-decoration: none!important;
font-family: arial!important;
}
#chatbox_members {
background: #5D907E!important;
}
#avacweb_chat_button.v1-8 {
background: #5E5E5E!important;
box-shadow: inset 0 10px 10px #6FA894!important;
-moz-box-shadow: inset 0 10px 10px #BBD1F8!important;
-webkit-box-shadow: inset 0 10px 10px #6FA894!important;
border: 1px solid #6DA1C4!important;
padding: 1px 40px!important;
color: white!important;
text-shadow: 0px 0px 0px!important;
}
#message {
background: #5E5E5E !important;
}
#chatbox_members .member-title {
background-color: #5D907E!important;
background-image: none;
color: #FFF!important;
margin: 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #096D4A!important;
box-shadow: inset 0 10px 10px #74BBA2!important;
-moz-box-shadow: inset 0 10px 10px #E2EEF8;
-webkit-box-shadow: inset 0 10px 10px #74BBA2;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 0 0px!important;
}


#chatbox_header, #chatbox_footer {
background: #5D907E!important;
box-shadow: inset 0 10px 10px #7EC0A9!important;
-moz-box-shadow: inset 0 10px 10px #2787EE;
-webkit-box-shadow: inset 0 10px 10px #7EC0A9!important;
text-shadow: 0 0px!important;
font-weight: bold;
color: white;
}

#achat_header {
margin-top: -20px!important;
}
And, something important!

Go to your CSS and change "Optimize your CSS" from "Yes" to "No".


15 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 4:59 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
Well, you have to add:
Code:

a[href="/u1"] {
text-shadow: 0 0 0.2em #6FB597, 0 0 0.2em #6FB597 , 0 0 0.2em #6FB597!important;
text-decoration: none!important;
}
To work your code for users. Very Happy


16 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 5:00 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
Nice nice :3




^ can that be fixed xD

also the glow issue I've told you about in chat.
I have the exact same code you've just gave .-.


17 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 5:04 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
Yayy, but, replace it with that one ^^. I can see there are some conflicts.
For first trouble add this to your CSS:
Code:

body > #achat_tabs .achat_tab.selected {
background: #649E8A!important;
color: #FFF;
text-shadow: 0 1px #222;
box-shadow: inset 0 5px 5px #81C5AD!important;
-moz-box-shadow: inset 0 5px 5px #669CF8;
-webkit-box-shadow: inset 0 5px 5px #7CC0A8!important;
}
And for second add this:
Code:

a[href="/u1"] {
text-shadow: 0 0 0.2em #6FB597, 0 0 0.2em #6FB597 , 0 0 0.2em #6FB597!important;
}


18 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 5:08 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile


those lines one colored and the other with another color. It'd be better having them but with colors that fit the chat.

maybe using this 90A79F


19 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 5:13 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
lol! 

Code:

.chatbox_row_1 {
background-color: #5D907E!important;
}

.chatbox_row_2 {
background-color: #235D49!important;
}

div#chatbox {
color: #FFF!important;
}
It's looking strange with your color..


20 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 5:21 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
All good now. Very Happy
thanks so much for helping me out, Great support you have :3


21 Re: Customizing the AvacWeb
on Sun Aug 11, 2013 5:23 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
It was a pleasure! Hope you'll request support again. ^^
Have a nice day !

Topic solved and archived.


22 Re: Customizing the AvacWeb

Sponsored content

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

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