Hopelijk post ik mijn vragen onder de juiste rubriek, het heeft wel te maken met stijlen aanpassen dacht ik
ik heb een print gemaakt van de 2 problemen die ik heb met mijn ajax chatbox:
- hoe kan ik de hoogte van de chatblokken aanpassen (smaller maken)
- hoe de lijn tussen 2 chat-rijen van kleur veranderen, zodat er een duidelijker onderscheid komt;
hopelijk kan ik het aan de hand van de prtsc wat illustreren:
Thanks!
aanpassen chatbox/stijl
Forumregels
LEES: Richtlijnen voor Support. Vul de support template in!
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
LEES: Richtlijnen voor Support. Vul de support template in!
- fulleffect
- Berichten: 1052
- Lid geworden op: 20 nov 2005, 17:30
- Locatie: http://fulleffect.hyves.nl/
- Contacteer:
Re: aanpassen chatbox/stijl
in het bestand jouforum/styles/jouwstyle/template/chatbox.html staat vanaf regel 160 een css code. als je hier een beetje in gaat spitten en wijzigen kom je er vanzelf wel
Re: aanpassen chatbox/stijl
Hmmm heb al wat zitten zoeken maar ik kan niet echt dé aanpassing vinden of de chatrijen smaller te maken
weet iemand raad?
weet iemand raad?
Code: Selecteer alles
<style type="text/css">
<!--
#act_indicator {
visibility:hidden;
}
.shouts {
width: 85%;
height:300px;
overflow:auto;
float:left;
}
#chat {
width: 100%;
text-align:left;
}
.postprofile {
min-height: 5px !important;
}
.chatform {
width: 90%;
text-align:center;
}
.onlinelist {
width: 15%;
overflow:auto;
height:300px;
}
.users {
width: 90%;
text-align: left;
text-indent: 5px;
margin-left:auto;
margin-right:auto;
}
.user {
width: 95%;
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
}
#act_indicator {
visibility: hidden;
}
.chatinput {width: 80% !important;}
.online_img {
vertical-align:middle;
}
.whoonlinelist {
width: 100%;
overflow:auto;
height:auto;
text-align:center;