Beste leden,
Ik heb van willem een layout gekregen om te mogen gebruiken voor me site.
Nu heb ik enkel geen verstand van css.
Zou iemand mij kunnen helpen met me probleem.
als je naar http://habbo-crime.be gaat zie je rechts die kolommen.
Met webhostingpakketten.
Deze wil ik ook aan de linkerkant hebben voor resellers.
Ik heb helaas geen budget en zou wel eventueel 1000 dutchleader credits kunnen geven.
Zou iemand voor mij dit kunnen doen.
Hierbij het css bestandje
Bedoel je in plaats van:
- Laatste Nieuws
- Live Support
- Wij aanvaarden
...
...
Of gewoon er extra bij aan de linker kant.
Xreativ ja dat klopt.
dus alles wat rechts staat wil ik links ook en de rest gaat weg.
geef je css is
Kun je bijna gewoon kopie plak behalve even opletten op de margins, Paddings en height en width. [offtopic](zo even uit het hoofd kan dus nog een aantal dingen meer zijn)[/offtopic]
Zoals rick zegt, uitleinen net zoals de andere menu`s staan en je komt er wel;)
wie het wilt doen graag.
die krijgt meteen zijn credits. + een bannerplek op me website.
/************************************************************************************************/
/*DESIGN*/
/************************************************************************************************/
*{border:yes;list-style:none;margin:0px;padding:0px;}
body{background:#ffffff;font-family:Tahoma;font-size:11px;color:#797979;}
div#container{margin-bottom:0px;margin-left:auto;margin-right:auto;overflow:hidden;width:1000px;}
* html div#container{overflow:visible;}
/************************************************************************************************/
/*HEADER & MENU*/
/************************************************************************************************/
div#header{background:url(../images/header.png);width:1000px;height:128px;float:left;}
div#header p{margin:5px 0 0 781px;}
div#header span{padding-left:28px;}
div#header a{color:#3a464f;font-size:8px;font-weight:bold;text-decoration:none;}
div#menu{background:url(../images/menu.png);width:1000px;height:33px;float:left; border-bottom: 1px #4c4c4c solid;}
div#menu a{color:#ffffff;width:118px;height:32px;display:block;padding-top:9px;text-align:center;font-size:10px;text-decoration:none;}
div#menu a:hover{text-decoration:underline;}
div#buttonlinks{background:none;width:26px;height:33px;float:left;}
div.button{background:none;width:118px;height:33px;float:left;}
/************************************************************************************************/
/*CONTENT_LINKS*/
/************************************************************************************************/
div#content_links
{background:url(../images/content_links1.png);width:210px;height:auto;
float:left; padding-left: 16px; padding-top: 8px;}
INPUT {
FONT-FAMILY: Arial; FONT-SIZE: 11px
}
.left-heading{
height: 10px;
width: 180px;
background-image: url(../images/left-header.png);
padding: 15px 0px 15px 20px;
color: #FFFFFF;
}
.hosting{
height: auto;
width: 200px;
}
.hosting-item{
height: 44px;
width: 130px;
background-image: url(../images/bg-hosting.png);
padding: 5px 10px 5px 60px;
}
.updates{
width: 200px;
height: auto;
}
.update-item{
height: 10px;
width: 180px;
background-image: url(../images/left-box-repeat.png);
padding: 0px 10px 7px 10px;
}
.update-item img{
margin-right: 5px;
}
.update-item a{
color: #000000;
text-decoration: none;
}
.update-item a:hover{
color: #000000;
text-decoration: underline;
}
.support{
height: auto;
width: 180px;
background-image: url(../images/left-box-repeat.png);
background-repeat: repeat-y;
padding: 10px;
}
.support-footer{
height: 19px;
width: 200px;
background-image: url(../images/left-box-footer.png);
margin-bottom: 10px;
}
div#content_links img{
border: 0;
height: 15px;
width: 15px;
float: left;
}
.plaatje_rechts{
height: 15px;
width: 15px;
float: right;
}
div#content_links span{
float: left;
}
/************************************************************************************************/
/*CONTENT_MIDDEN*/
/************************************************************************************************/
div#content_midden{background:url(../images/content_midden.png) no-repeat;width:575px;float:left;}
div#content_midden a{
color: #339933;
text-decoration:none;
}
div#content_midden a:hover{
text-decoration: underline;
}
div#top{background:none;width:575px;height:150px;float:left;}
div#top p{margin:115px 0 0 18px;color:#ffffff;}
div#customerlogin{background:none;width:200px;height:50px;float:left;}
div#loginpart{background:none;width:375px;height:50px;float:left;}
div#customerlogin p{margin:17px 0 0 18px;color:#ffffff;}
div#loginpart input.username{background:none;width:110px;height:16px;}
div#loginpart input.password{background:none;width:110px;height:16px;}
div#loginpart p.username{margin:16px 0 0 62px;}
div#loginpart p.password{margin:-16px 0 0 226px;}
div#vlakken{background:none;width:575px;float:left;padding-bottom:10px;}
div.boxtop{background:url(../images/box_top.png);width:575px;height:23px;float:left;}
div.boxbg{background:url(../images/box_bg.png);background-repeat:repeat-y;width:575px;float:left;}
div.boxtekst{background:none;width:540px;float:left;}
div.boxbodem{background:url(../images/box_bodem.png);width:575px;height:23px;float:left;}
div.boxbg p.titel{margin:0 0 0 17px;list-style:none;color:#1d2b38;font-weight:bold;}
div.boxbg p.tekst{margin:7px 0 0 17px;;list-style:none;color:#000000;}
div.boxbg p.door{margin:-12px 0 0 496px;font-weight:bold;color:#c7c7c7;}
div.boxbodem p.datum{margin:3px 0 0 496px;font-weight:bold;color:#c7c7c7;}
/************************************************************************************************/
/*CONTENT_RECHTS*/
/************************************************************************************************/
div#content_rechts{background:url(../images/content_rechts1.png);width:176px;
height:auto;float:left; padding-right: 23px; padding-top: 8px; color: #FFFFFF;}
.pakket-container{
height: auto;
width: 173px;
background-image: url(../images/pakket-repeat.png);
background-repeat: repeat-y;
}
.basic{
height: auto;
width: 153px;
background-image: url(../images/basic.png);
background-repeat: no-repeat;
padding: 10px 10px 0px 10px;
}
.medium{
height: auto;
width: 153px;
background-image: url(../images/medium.png);
background-repeat: no-repeat;
padding: 10px 10px 0px 10px;
}
.ultimate{
height: auto;
width: 153px;
background-image: url(../images/ultimate.png);
background-repeat: no-repeat;
padding: 10px 10px 0px 10px;
}
.pakket-titel{
height: 10px;
width: 173px;
font-weight: bold;
margin-bottom: 5px;
}
.pakket-footer{
height: 15px;
width: 173px;
background-image: url(../images/pakket-footer.png);
clear: both;
}
.meer-info{
float: right;
margin-right: 8px;
font-weight: bold;
}
.meer-info a{
color: #FFFFFF;
text-decoration: none;
}
#content_rechts ul{
list-style: none;
}
#content_rechts li{
margin-top: 10px;
}
/************************************************************************************************/
/*FOOTER*/
/************************************************************************************************/
div#footer a{
color: #339933;
text-decoration:none;
}
div#footer a:hover{
text-decoration: underline;
}
div#footer{background:url(../images/footer.png) no-repeat;width:1000px;height:100px;float:left;}
div#footer p.links{margin:8px 0 0 33px;color:#FFFFFF;font-weight:bold;}
div#footer p.rechts{margin:-12px 0 0 873px;color:#9aa3ab;font-weight:bold;}
div#bg_geheel{background:url(../images/bg_geheel.png);background-repeat:repeat-y;width:1000px;float:left;}
Nieuwe reactie samengevoegd met originele reactie op 25.09.10 11:25:18:
kan iemand me helpen pleassee??
Heb je nog geen account? Registreer je nu en word deel van onze community!