[Invision Power Board] Script vraag.

[MrVegeta]

Hey jongens, ik ben op dit moment bezig met een site voor een guild!
Het is de site voor blackraven.nl, de wow guild .

http://www.wiking-clan.nl/peter/blackraven.jpg

Nu ben ik dus bezig met het forum, die steeds meer de goede kant op gaat maar nu had ik een vraag hier over. Zoals jullie kunnen zit er onder in een scrollbalk, dit is natuurlijk geen aanzien, dus ik wou graag de marges van de pagina weg halen, zodat alles er waarschijnlijk net in past!

Mijn vraag is dus, hoe kan ik zorgen dat alles <b>helemaal</b> tegen de linkerkant van de pagina zit? of 1 px er van af, dan zou die onderste scrollbalk niet meer nodig zijn!

Ik kan er ook maar niet achter komen hoe ik de kleur van de scrollbalk kan verandere.

Als ik iets verander in de index bestand, wordt die automatisch hersteld ofzo..
Ik hoop dat jullie mij een beetje kunnen helpen.

//Edit, link verandert
Haha, bedankt jongens!
//Edit, nee werkte niet, iig dan maar een linkje plaatsen met een screenshot.

Ik hoef alleen maar te weten of het mogelijk is dus de inhoud naar links te schuiven en als het kan, hoe.

[ Voor 24% gewijzigd door MrVegeta op 05-08-2005 00:13 ]

[vriesdude]

het door jouw opgegeven ip adres is localhost. dit kan niemand behalve jij zelf bereiken

[danslo]

127.0.0.1 is een lokaal adres, je verwijst nu dus iedereen naar hun eigen pc's. Wat is je externe ip? (www.watismijnip.nl als je geen proxy gebruikt)

Ik kan het nog steeds niet zien maare, wat dacht je van alles in een container div zetten en die links in je page te alignen?

[ Voor 80% gewijzigd door danslo op 05-08-2005 00:14 ]

[MrVegeta]

Zit achter een proxy denk ik, ik heb even een linkje gemaakt naar een screenshot van de site.

[danslo]

http://forum.tweakzone.nl/topic/24573

Om scrollbalk kleur te veranderen.


Om op je hoofdprobleem terug te komen, probeer eens de width's van die dingen iets kleiner te maken.

[MrVegeta]

Ik heb die code al, ook al in gebruik etc.
Dat was mijn vraag ook niet.

Mijn vraag was hoe kan ik het op het forum veranderen? Ik snap dat niet helemaal, ik kan dan wel in Admin CP de kleuren veranderen van de tabels/text maar dus geen html ergens invoeren of veranderen.

[danslo]

Als je dit soort aanpassingen wilt zal je toch echt zelf met een editor de html / php files moeten gaan editen, ik gok niet dat dit terug te vinden is in de Admin CP

[MrVegeta]

Dat weet ik ook al! haha

Het probleem is dat ik niet weet welk bestand ik zou aan moeten passen!
Als ik in de brondcode van het forum (dus rechtermuisklik, bron weergeven doe en dan in die HTML dingen gaan veranderen slaat hij het niet op maar wordt die index gewoon weer opnieuw geladen.

[MrVegeta]

Ik heb gevonden dat je in de admin cp dus ook de css code kan veranderen, denk ik .

code:

html { overflow-x: auto; }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;margin: 0px;text-align: center;color: #000000;background-color: #662301; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;background-color: #662301;border: 0px; }
#ipbwrapper { text-align: left;width: 94%;margin-left: auto;margin-right: auto; }
a:link, a:visited, a:active { text-decoration: underline;color: #000000; }
a:hover { text-decoration: underline;color: #FFFFFF; }
fieldset.search { padding: 6px;line-height: 150%; }
label { cursor: pointer; }
form { display: inline; }
img { vertical-align: middle;border: 0px; }
img.attach { padding: 2px; }
.googleroot { padding: 6px;line-height: 130%; }
.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px;color: #FFFFFF; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #FFFFFF; }
.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #FFFFFF; }
li.helprow { padding: 0px;margin: 0px 0px 10px 0px; }
ul#help { padding: 0px 0px 0px 15px; }
option.cat { font-weight: bold; }
option.sub { font-weight: bold;color: #FFFFFF; }
.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #FFFFFF;background-color: #521902; }
.warngood { color: green; }
.warnbad { color: red; }
#padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 0px 0px 0px 0px; }
#profilename { font-size: 28px;font-weight: bold; }
#calendarname { font-size: 22px;font-weight: bold; }
#photowrap { padding: 0px; }
#phototitle { font-size: 24px;border-bottom: 1px solid black; }
#photoimg { text-align: center;margin-top: 15px; }
#ucpmenu { line-height: 150%;width: 22%;background-color: #F5F9FD; }
#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }
#ucpcontent { line-height: 150%;width: auto;background-color: #F5F9FD; }
#ucpcontent p { padding: 10px;margin: 0px; }
#ipsbanner { position: absolute;top: 1px;right: 5%; }
#logostrip { padding: 0px;margin: 0px;background-color: #662301; }
#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #FFFFFF;background-color: #662301; }
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #FFFFFF; }
#userlinks { background-color: #662301; }
#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }
.activeuserstrip { padding: 6px;background-color: #521902; }
.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #FFFFFF;background-color: #521902; }
.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #521902; }
.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #521902; }
.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #C2CFDF;background-color: #521902; }
.signature { font-size: 10px;line-height: 150%;color: #339; }
.postdetails { font-size: 10px; }
.postcolor { font-size: 12px;line-height: 160%; }
.normalname { font-size: 12px;font-weight: bold;color: #003; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }
.unreg { font-size: 11px;font-weight: bold;color: #900; }
.post1 { background-color: #521902; }
.post2 { background-color: #521902; }
.postlinksbar { padding: 7px;margin-top: 1px;font-size: 10px;background-color: #521902; }
.row1 { background-color: #521902; }
.row2 { background-color: #521902; }
.row3 { background-color: #521902; }
.row4 { background-color: #521902; }
.darkrow1 { color: #FFFFFF;background-color: #521902; }
.darkrow2 { color: #FFFFFF;background-color: #521902; }
.darkrow3 { color: #FFFFFF;background-color: #521902; }
.hlight { background-color: #521902; }
.dlight { background-color: #521902; }
.titlemedium { font-weight: bold;padding: 7px;margin: 0px;color: #FFFFFF;background-color: #521902; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { text-decoration: underline;color: #FFFFFF; }
.maintitle { vertical-align: middle;font-weight: bold;padding: 8px 0px 8px 5px;color: #FFFFFF; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none;color: #FFFFFF; }
.maintitle a:hover { text-decoration: underline; }
.plainborder { background-color: #69260c; }
.tableborder { color: #FFFFFF;background-color: #69260c; }
.tablefill { padding: 6px;background-color: #521902; }
.tablepad { padding: 6px;background-color: #F5F9FD; }
.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }
.wrapmini { float: left;line-height: 1.5em;width: 25%; }
.pagelinks { float: left;line-height: 1.2em;width: 35%; }
.desc { font-size: 10px;color: #FFFFFF; }
.edit { font-size: 9px; }
.searchlite { font-weight: bold;color: #F00;background-color: #FF0; }
#QUOTE { white-space: normal;font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #FFFFFF;background-color: #FAFCFE; }
#CODE { white-space: normal;font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #FFFFFF;background-color: #FAFCFE; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }
.codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }
.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF; }
.purple { font-weight: bold;color: purple; }
.red { font-weight: bold;color: red; }
.green { font-weight: bold;color: green; }
.blue { font-weight: bold;color: blue; }
.orange { font-weight: bold;color: #F90; }

Is dit css? zo ja hoe kan ik

code:

<style type="text/css">
<!--


      }
       BODY {
    scrollbar-face-color:662301;
    scrollbar-highlight-color:662301;
    scrollbar-shadow-color:662301;
    scrollbar-3dlight-color:000000;
    scrollbar-arrow-color:000000;
    scrollbar-track-color:000000;
    scrollbar-darckshadow-color:662301;
       }
-->
</style>

Er in zitten zodat het werkt?

[NMe]

Sorry, maar we geven hier in Programming & Webscripting geen support op scripts van anderen. Bovendien heb je een vraag die meer met HTML/CSS te maken heeft dan met wat anders, en daarom sowieso beter in Webdesign & Graphics had gepast. Echter, daar geven ze ook geen support op scripts van anderen, en bovendien gaan ze je niet eens kunnen helpen als je niet eens weet wat CSS is, dus doe ik dit topic maar op slot. Neem dus liever even contact op met de mensen van IPB.