Hallo Leute,
ich bräuchte dringend, am besten SOFORT, Hilfe bei der Anpassung des Standart-Layouts (natürlich gegen bezahlung). Und zwar bräuchte ich lediglich folgende Anpassungen:
1. Das Standart-Layout der 4.6.15 soll auf 900px verbreitert werden. Die linke und rechte Spalte sollen sich dabei in der breite nicht verändern.
2. Im Kopfbereich sollen anstatt der 2 kleinen Grafiken, 1 Grafik über die ganze breite gehen (Höhe 80px). Die Grafik kann 1-, 2- oder 3-teilig sein, nur sie muss halt über die ganze breite gehen.
Wer das Layout bereits in einer Breite zwischen 880 und 960px verbreitert hat, wäre auch O.K.
Wer Interesse an dem Job hat, bitte SCHNELLSTMÖGLICHST ein Angebot senden. Das ganze sollte leider heute noch fertig werden.
Angebote bitte per Mail an guru23_at_t-online.de
Vielen Dank und liebe Grüsse,
Markus
Benötige Hilfe bei Layout-Anpassung (gegen Bezahlung)
-
- Beiträge: 5478
- Registriert: Di 2. Mär 2004, 21:11
- Wohnort: Halchter, wo sonst? ;-)
- Kontaktdaten:
Standart-Layout Layout mit 960px breite
Hallo,
ich habs hingekriegt, da sich leider niemand gemeldet hat .
Wers braucht, siehe unten. Anderungen sind am Layout und an der CSS-Datei zu machen. Oben ist eine durchgehende Header-Grafik mit 960x100px.
Gruss, Markus
Layout:
CSS:
ich habs hingekriegt, da sich leider niemand gemeldet hat .
Wers braucht, siehe unten. Anderungen sind am Layout und an der CSS-Datei zu machen. Oben ist eine durchgehende Header-Grafik mit 960x100px.
Gruss, Markus
Layout:
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Contenido Demo-Seite</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">
<!--[if IE]>
<style>
#imagecolumn {
width:170px;
}
#logo {
margin-top:0;
}
#navipath {
padding-top:2px;
}
.balken {
background-position:0px 0px ;
}
#additionalnavi {
padding-top:2px;
}
</style>
<![endif]-->
<script language="javascript" type="text/javascript" src="js/jsApi.js"></script>
</head>
<body>
<div id="outer">
<div id="innerwrap">
<div id="centrecontent">
<div id="navipath">
<container id="60" name="Navigationspfad" types="Navigation" mode="fixed" default="Navigationspfad">Navigationspfad</container>
</div>
<container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container>
<container id="12" name="Text" types="Content" default="">Content 1</container>
<container id="15" name="Text" types="Content" default="">Content 2</container>
<container id="22" name="Text" types="Content" default="">Content 3</container>
<container id="24" name="Text" types="Content" default="">Content 4</container>
<container id="26" name="Text" types="Content" default="">Content 5</container>
<container id="28" name="Text" types="Content" default="">Content 6</container>
<br/><br/>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="background-color:rgb(210,210,210);"><img src="images/grey.gif" width="1" height="1" border="0" alt="" title=""/></td></tr></table>
<div id="bottomnavi">
<container id="30" name="BottomNavigation" types="Navigation" mode="fixed" default="BottomNavigation">BottomNavigation</container>
</div>
</div>
<div id="left">
<container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>
<container id="44" name="Suche" types="Navigation" default="">Suche</container>
<container id="48" name="Login" types="Navigation" default="">Login</container>
<container id="49" name="Newsletter" types="Navigation" default="">Newsletter</container> </div>
</div>
<div id="right"></div>
<div id="clearfooter"></div>
<div id="header">
<div id="additionalnavi"><container id="50" name="Hilfsnavigation" types="Navigation" mode="fixed" default="Hilfsnavigation">Hilfsnavigation</container> </div>
<div id="logo">
<table width="960" border="0" cellspacing="0" cellpadding="0" height="80">
<tr>
<td><a href="front_content.php" title="Zur Homepage"><img src="images/logo.gif" border="0" alt="Logo" title="Logo" width="960" height="100"/></a></td>
</tr>
<tr>
<td class="balken"><img src="images/blank.gif" border="0" width="880" height="5" alt=""/></td>
</tr>
</table>
</div>
</div>
</div>
<div id="imagecolumn">
<container id="70" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
<container id="72" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
<container id="74" name="Teaser_Rechts" types="Content" mode="optional">Teaser (Rechts)</container>
</div>
</body>
</html>
Code: Alles auswählen
html, body { height:100%; }
body {
padding:0;
margin:0;
text-align:left;
min-width:960px;
background-color:#FFFFFF;
font-size:11px;
font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
color:rgb(0,0,0);
background-image:url('../images/bg.gif');
background-repeat:repeat-y;
background-position:0px 0px;
overflow-x:hidden;
overflow:-moz-scrollbars-vertical;
}
td {
font-size:11px;
font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
color:rgb(62,77,116);
margin-bottom:8px;
}
.input {
font-size:11px;
font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
color:rgb(0,0,0);
width:240px;
margin-bottom:8px;
border-top:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
}
.label {
font-size:11px;
font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
color:rgb(0,0,0);
}
.small {
font-size:9px;
}
#outer{
height:100%;
min-height:100%;
width:960px;
color:#000000;
text-align:left;
position:relative;
}
html>body #outer{ height:auto; }
#innerwrap {
float:left;
width:780px;
}
#header{
position:absolute;
top:0;
left:-1px;
width:961px;
height:103px;
color:#000000;
background-color:#ffffff;
background:url("../images/schraffur_rechts_oben.gif");
background-repeat:repeat-x;
background-position:0px 0px ;
z-index:5;
}
#left {
position:relative;
width:180px;
float:left;
padding-top:120px;
padding-bottom:20px;
}
#left p { padding-left:3px;padding-right:2px }
#right p { padding-left:4px;padding-right:2px }
#imagecolumn {
margin-top:0px;
position:absolute;
top:20px;
left:788px;
width:148px;
height:550px;
z-index:10;
padding-top:112px;
padding-left:10px;
padding-right:10px;
color:rgb(62,77,116);
}
#imagecolumn a {
padding:0;
font-weight:normal;
font-size:11px;
color:rgb(190,190,190);
margin:0;
}
#imagecolumn h1 {
padding:0;
font-weight:normal;
font-size:11px;
color:rgb(217,104,28);
margin:0;
}
#right {
position:relative;
width:150px;
float:right;
margin-top:10px;
padding-top:170px;
padding-bottom:20px;
background-color:#999999;
background:url('../images/randbg.jpg');
background-position:0px 0px;
background-repeat:no-repeat;
color:rgb(62,77,116);
}
div,p { margin-top:0; }
#centrecontent {
width:588px;
float:right;
padding-left:0px;
padding-right:0px;
padding-top:105px;
padding-bottom:20px;
color:rgb(62,77,116);
}
#centrecontent p { padding-left:3px:color:rgb(62,77,116); }
#clearfooter { width:100%;height:52px;clear:both; }
#bottomnavi {
text-align:center;
color:rgb(210,210,210);
}
#additionalnavi {
float:right;
background-color:#ffffff;
margin-top:3px;
padding-bottom:2px;
padding-top:0px;
margin-left:10px;
text-align:center;
width:170px;
color:rgb(160,160,160);
}
#logo {
width:960px;
margin-top:18px;
}
#navipath {
padding:0;
padding-bottom:10px;
background-color:#ffffff;
color:rgb(99,99,99);
width:568px;
}
.navi{
width:180px;
border-bottom:1px solid rgb(170,170,170);
background-color:rgb(255,255,255);
}
h1 {
padding-left:2px;
font-weight:bold;
font-size:13px;
color:rgb(217,104,28);
margin:0;
}
h1.content {
margin-bottom:12px;
padding:0;
}
hr { color:rgb(210,210,210); }
a { font-size:11px; color:rgb(190,190,190); text-decoration:none; }
a:hover { text-decoration:underline; }
a.newsheadline { font-weight:bold; }
a.bottomnavi { color:rgb(160,160,160); font-size:9px; }
a.additionalnavi { font-size:10px; color: rgb(160,160,160); }
a.navipath { font-size:10px; color: rgb(160,160,160); }
a.navileft_passive {
display:block;
background-color:#E8E8EE;
padding-top:3px;
padding-bottom:3px;
color:rgb(51,79,119);
}
a.navileft_active {
display:block;
background-color:#ffffff;
background:url("../images/navi_pfeil_rechts.gif") no-repeat;
background-position:right;
padding-top:3px;
padding-bottom:3px;
color:rgb(51,79,119);
}
a.navileft_open {
padding-left:10px;
display:block;
background:url("../images/navi_pfeil.gif") no-repeat;
background-position:right;
background-color:#E8E8EE;
padding-top:3px;
padding-bottom:3px;
color:rgb(51,79,119);
}
a.sitemap_level1 {
display:block;
border-bottom:1px solid #b4a8b4;
color:rgb(217,104,28);
font-weight:normal;
padding-bottom:.4em;
background:url("../images/navi_pfeil_rechts.gif") no-repeat;
background-position:right;
}
a.sitemap_level2 {
color:rgb(62,77,116);
background:url("../images/navi_pfeil_rechts.gif") no-repeat;
background-position:170px 4px;
display:block;
}
a.sitemap_level3 {
color:rgb(190,190,190);
}
.sitemap_level2_container {
float:left;
width:50%;
padding-top:.3em;
}
.sitemap_level3_container {
float:right;
width:50%;
padding-top:.3em;
}
.input_searchbox {
width:65px;
vertical-align:middle;
font-size:11px;
color: rgb(62,77,116);
}
.input_newsletterselect {
width:80px;
vertical-align:middle;
font-size:11px;
margin-right: 8px;
color: rgb(62,77,116);
}
.label_searchbox {
vertical-align:middle;
color:#9d9ea2;
position:relative;
padding-left:10px;
/*left:-65px;*/
}
#loginbox {
background-color:#DFE0E5;
border-top:1px solid #aeaeae;
border-bottom:1px solid #aeaeae;
padding-bottom:.6em;
padding-top:.6em;
padding-left:0em;
padding-right:0em;
margin-top:1.5em;
margin-bottom:1.5em;
}
#searchbox {
background-color:#DFE0E5;
border-top:1px solid #aeaeae;
border-bottom:1px solid #aeaeae;
padding-bottom:.6em;
padding-top:.6em;
padding-left:0em;
padding-right:0em;
margin-top:1.5em;
margin-bottom:1.5em;
}
#newsletterbox {
background-color:#DFE0E5;
border-top:1px solid #aeaeae;
border-bottom:1px solid #aeaeae;
padding-bottom:.6em;
padding-top:.6em;
padding-left:.5em;
padding-right:.5em;
margin-top:1.5em;
margin-bottom:1.5em;
}
.hidden {
display:none;
}
.balken {
padding-left:0px;
background-color:rgb(255,110,43);
background-image:url('../images/bg2.gif');
background-repeat: repeat-x,repeat-y;
background-position:2px 0px ;
}
.teaser_img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
-
- Beiträge: 5478
- Registriert: Di 2. Mär 2004, 21:11
- Wohnort: Halchter, wo sonst? ;-)
- Kontaktdaten:
Re: Standart-Layout Layout mit 960px breite
Sieh's positiv, du hast Geld gespart.Guru hat geschrieben:ich habs hingekriegt, da sich leider niemand gemeldet hat .
Bitte keine unaufgeforderten Privatnachrichten mit Hilfegesuchen schicken. WENN ich helfen kann, dann mache ich das im Forum, da ich auch alle Postings lese. PN werden nicht beantwortet!
zumal auch noch ostern ist und der vernünftige mensch einfach mal ne rechnerauszeit nimmt ;)
Suchmaschinenfreundliche URLS durch Advanced ModRewrite 4.6.x
Module: Modul Download Liste 4.6 | Halbautomatischer Artikel-Seitenwechsel 4.6.x
Amazon Wunschzettel
Module: Modul Download Liste 4.6 | Halbautomatischer Artikel-Seitenwechsel 4.6.x
Amazon Wunschzettel
-
- Beiträge: 112
- Registriert: Mi 21. Jun 2006, 07:00
- Wohnort: Nordhausen
- Kontaktdaten:
Re: Standart-Layout Layout mit 960px breite
nicht nur das, sonder noch was gelernt!Halchteranerin hat geschrieben: Sieh's positiv, du hast Geld gespart.