benötige dringend hilfe......:-(
Verfasst: Mi 16. Nov 2011, 13:04
Hallo zusammen,
da ich eigentlich vor hatte einen shop zu erstellen und das komplizierter ist als gedacht, benötige ich jetzt dringen Hilfe fürm
eine HP.
Mein Vorhaben.
Die jetzige seite ist so wie sie ist absolut TOP und gefällt mir genau so wie sie ist! Jetzt benötige ich das selbe nur mit ein paar
kleinen änderungen nochmal.
So soll es aussehen:
1. Die Navigation neben dem Hauptbereich (die vertikale) soll weg, so dass ich mehr platz habe für den Text.
2. Eine neue Navigation (ohne Buttons einfach nur Schrift villeicht mit einem mo effekt!) links neben dem Hauptfenster. Quasi da wo die jetzige ist nur nach
links verschieben.
Und so hätte ich gerne die Neue Navi:
Hier der Code
Ich würde mich sehr freuen, wenn man mir schnell helfen könnte.
Lieben Dank schonmal im voraus!
LG
da ich eigentlich vor hatte einen shop zu erstellen und das komplizierter ist als gedacht, benötige ich jetzt dringen Hilfe fürm
eine HP.
Mein Vorhaben.
Die jetzige seite ist so wie sie ist absolut TOP und gefällt mir genau so wie sie ist! Jetzt benötige ich das selbe nur mit ein paar
kleinen änderungen nochmal.
So soll es aussehen:
1. Die Navigation neben dem Hauptbereich (die vertikale) soll weg, so dass ich mehr platz habe für den Text.
2. Eine neue Navigation (ohne Buttons einfach nur Schrift villeicht mit einem mo effekt!) links neben dem Hauptfenster. Quasi da wo die jetzige ist nur nach
links verschieben.
Und so hätte ich gerne die Neue Navi:
Wer kann mir das bitte, bitte machen *fleh*Kategorie 1
> Artikel 1
> Artikel 2
> Artikel 3
> Artikel 4
> Artikel 5
Kategorie 2
> Artikel 6
> Artikel 7
> Artikel 8
> Artikel 9
Kategorie 3
> Artikel 10
> Artikel 11
> Artikel 12
Hier der Code
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PatschWorks</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<style type="text/css">
* {
margin: 0;
padding: 0;
}
h1 {
h1 font-family: 'Buda', arial, serif;
font-size: 20px;
color: #FFF111;
}
h2 {
font-family: 'Buda', arial, serif;
font-size: 20px;
color: #000000;
}
a:link {
font-family: 'Buda', arial, serif;
color:#B19667;
font-size:16px;
text-decoration:none
}
a:visited {
font-family: 'Buda', arial, serif;
color:#B19667;
font-size:16px;
text-decoration:none
}
a:active {
buda;color:#775121;
font-size:16px;
text-decoration:none
}
a:hover {
font-family: 'Buda', arial, serif;
color:#9b1515;
font-size:16px;
text-decoration:none
}
body {
background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
background-color: #D1CCBD;
font-family: 'Buda', arial, serif;
font-size: 16px;
}
p {
margin: 0 0 18px
}
#wrapper {
width: 900px;
margin: 0 auto;
margin-left: auto;
background-color:transparent;
background-repeat: repeat;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 220px;
width: 100%;
background-color:transparent;
background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
color: #CCC;
margin-top: 30px;
margin-bottom: 0px;
border-width: 5px;
border-style: solid;
border-color: #775121;
padding: 0px;
}
#balken {
height: 30px;
background-color: #D1CCBD;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
background-repeat: repeat;
}
#balken1 {
height: 30px;
background-color: #D1CCBD;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
background-repeat: repeat;
}
/* navi Oben
---------------------------------------------------------------*/
.menuoben {
display: block;
width: 147px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #999999;
background-color: #775121;
background-image: url();
border: solid 1px #B19667;
}
.menuoben:hover {
display: block;
width: 147px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #775121;
background-color: #B19667;
background-image: url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
border: solid 1px #775121;
margin-bottom: 0px;
}
/* Navi Links
-------------------------------------- */
#navi {
float: left;
width: 150px;
background-color: transparent;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
font-size: 1px;
color: #775121;
margin-left: 10px;
}
#menulink {
display: block;
width: 150px;
height: 30px;
line-height:25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #B19667;
background-color: #775121;
background-image: url();
border: solid 1px #B19667;
}
#menulink:hover {
display: block;
width: 150px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #775121;
background-color: #B19667;
background-image: url();
border: solid 1px #775121;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
height: 1%;
position: relative;
border-width: 5px;
border-style: solid;
border-color: #775121;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
background-repeat: repeat;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 0 0 190px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
float: left;
width: 180px;
margin-left: -100%;
position: relative;
background:transparent;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
width: 900px;
height: 60px;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #775121;
background-color: transparent;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
border-width: 5px;
border-style: solid;
border-color: #775121;
margin-bottom: 35px;
padding: 0px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
</div>
<!-- #header-->
<div id="balken2">
<table align="center" border="0">
<tbody>
<tr>
<td><a class="menuoben" href="http://patschwork.npage.de/willkommen_85001094.html">Start</a></td>
<td><a class="menuoben" href="http://patschwork.npage.de/wir_sind_52795711.html">wir sind...</a></td>
<td><a class="menuoben" href="http://patschwork.npage.de/shopübersicht_51055577.html">zum Shop</a></td>
<td><a class="menuoben" href="http://patschwork.npage.de/guestbook.html">Gästebuch</a></td>
<td><a class="menuoben" href="http://patschwork.npage.de/kontakt.html">Kontakt</a></td>
<td><a class="menuoben" href="http://patschwork.npage.de/impressum_51977037.html">Impressum</a></td>
</tr>
</tbody>
</table>
</div>
<div id="balken">
</div>
<div id="middle">
<div id="container">
<div id="content">
<!-- Hier das Skript Teillen -->
</div>
<!-- #content-->
</div>
<!-- #container-->
<div class="sidebar" id="sideLeft">
<div id="navi">
<table width="152" align="center" border="0" cellpadding="0" cellspacing="0">
<tr><td><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">Start</a></td></tr>
<tr><td><a href="http://patschwork.npage.de/wir_sind_52795711.html" id="menulink">wir sind...</a></td></tr>
<tr><td><a href="http://patschwork.npage.de/shopübersicht_51055577.html" id="menulink">Zum Shop</a></td></tr>
<tr><td><a href="http://patschwork.npage.de/referenzen_64918541.html" id="menulink">Kundenfeedback</a></td></tr>
<tr><td><a href="http://patschwork.npage.de/informationen_4305309.html" id="menulink">Informationen</a></td></tr>
<!--
<tr><td><a href="http://patschwork.npage.de/bezahlen_1502047.html" id="menulink">Bezahlen</a></td></tr>
<tr><td><a href="http://patschwork.npage.de/versandkosten_57824005.html" id="menulink">Versandkosten</a></td></tr>
<tr><td><a href="http://patschwork.npage.de/wie_geht_was-_14549435.html" id="menulink">wie geht was?</a></td></tr>
-->
<tr><td><a href="http://patschwork.npage.de/spenden_22214824.html" id="menulink">Spenden</a></td></tr>
<tr><td><a href="http://patschwork.npage.de/agbs_80310202.html" id="menulink">AGBs</a></td></tr>
<tr><td><a href="http://patschwork.npage.de/linkliste.html" id="menulink">Links</a></td></tr>
<!--
<tr><td><a href="http://patschwork.npage.de/impressum_51977037.html" id="menulink">Impressum</a></td></tr>
-->
</table>
</div>
</div>
<!-- .sidebar#sideLeft -->
</div>
<!-- #middle-->
<div id="balken1">
</div>
<div id="footer"> <center>
<br>
<a href="http://patschwork.npage.de/willkommen_85001094.html" style="color: #775121">PatschWorks</a> | <a href="http://patschwork.npage.de/kontakt.html" style="color: #775121">Kontakt</a> | <a href="http://patschwork.npage.de/impressum_51977037.html" style="color: #775121">Impressum</a>
</center>
</div><!-- #footer -->
</div><!-- #wrapper -->
</body>
</html>
Lieben Dank schonmal im voraus!
LG