• 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

Daily Support ™ » Forumotion » Coding problems » Coding problems archives » Customizing the AvacWeb

Customizing the AvacWeb

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

1Customizing the AvacWeb Empty Customizing the AvacWeb
Sun Aug 11, 2013 2:42 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
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




2Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 2:58 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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;
}


3Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 3:16 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
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


4Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 3:20 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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;
}


5Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 3:41 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
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
Customizing the AvacWeb YzuQ3td

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
6Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 3:43 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
EDIT:

the first 2 bugs are weird fixed on their own xD


7Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 3:51 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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;
}


8Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 4:05 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
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

Customizing the AvacWeb JNbevXI

- It keeps loading when logging in until typing something.

Customizing the AvacWeb O2QM8l7

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

Customizing the AvacWeb OjP1j2l


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


9Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 4:11 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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


10Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 4:15 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
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


11Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 4:28 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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;
}


12Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 4:33 am
Dishonored

Dishonored

Webmaster

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


13Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 4:36 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
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 :/


14Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 4:49 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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".


15Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 4:59 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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


16Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 5:00 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
Nice nice :3


Customizing the AvacWeb Dc5LN1j

^ 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 .-.


17Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 5:04 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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;
}


18Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 5:08 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
Customizing the AvacWeb DPBYbkb

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


19Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 5:13 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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..


20Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 5:21 am
RsS.YuGi

RsS.YuGi

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


21Customizing the AvacWeb Empty Re: Customizing the AvacWeb
Sun Aug 11, 2013 5:23 am
Dishonored

Dishonored

Webmaster

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

Topic solved and archived.


22Customizing the AvacWeb Empty Re: Customizing the AvacWeb

Sponsored content

Sponsored content


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

Daily Support ™ » Forumotion » Coding problems » Coding problems archives » Customizing the AvacWeb

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