Hallo,
ich habe eine frage, wie kann ich ein solches Zusatzmenü erstellen? Ist das mit WsX5 möglich?
Hat jemand einen Tipp für mich?
Vielen Dank schonmal
Re: Menü über ein Bild legen
-
-
Ja das ist möglich...die Frage ist wo soll es erscheinen.
Soetwas kann man ganz einfach mit ein wenig HTML und CSS erledigen.
Ich werde dir jetzt ein paar Tips geben wie du deine Seite ändern solltest! Ich hatte dich ja hierher verwiesen.
Mein Frage lautete dort im answers - woher stammt das Template.
1. Der Addthis Facebook Button ist abgeschnitten!
Es fehlt
Dieser muss eigentlich in den HTML Tag aber leider nicht direkt in X5 möglich. Deswegen schreibst du ihn in den Head deiner Seite! Da du denke ich auf jeder Seite deine Buttons hast musst du es unter Schritt 1 - erweitert einfügen.
2. das kann entfernt werden aus Schritt 1 - erweitert
Alles anzeigenCode- <meta http-equiv="Expires" content="0" />
- <meta name="Resource-Type" content="document" />
- <meta name="Distribution" content="global" />
- <meta name="Robots" content="index, follow" />
- <meta name="Revisit-After" content="21 days" />
- <meta name="Rating" content="general" />
- <script type="text/javascript" src="files/jquery-1.4.2.min.js"></script>
3. CSS intern in Datei einfügen und diese unter 1 in den Head schreiben
Alles anzeigenCode- #imSite {
- margin: 0 auto;
- text-align: left;
- width: 960px;
- }
- #imContent {
- -webkit-box-shadow: 0px 0px 10px #999999;
- -moz-box-shadow: 0px 0px 10px #999999;
- box-shadow: 0px 0px 10px #999999;
- -moz-border-radius: 5px;
- border-radius: 5px;
- border: 1px solid #999999;
- clear: left;
- padding: 1px 7px 0;
- }
- #imMnMn {
- margin-top: 119px;
- }
- /*//////////////////////////// INIZIO LOOPSLIDER ////////////////////////////////////////////////*/
- #loopedSlider {
- height: 335px;
- margin: 0 auto;
- position: relative;
- top: 100px;
- width: 960px;
- }
- .container { width:960px; height:335px; overflow:hidden; position:relative; }
- .slides { position:relative;}
- .slides div .text{ width: 300px; position: absolute; top: 50px; left: 45px;}
- .slides div img{background: url(files/slider_imageframe.png) no-repeat; padding:10px; padding-bottom: 20px; position: relative; top: 45px; left: 370px;}
- ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:150px; }
- ul.pagination li { float:left; margin:0; margin-right:0; padding: 0; }
- ul.pagination a { display:block; width:12px; height:0; overflow:hidden; background-image:url(files/pagination.gif); background-position:0 0; background-repeat:no-repeat; padding: 0; margin-right: 10px; padding-top:12px;}
- ul.pagination li.active a {background-position:0 -13px}
- a.previous { position:absolute; top:150px; left:-17px; background: none; }
- a.next { position:absolute; top:150px; right:-15px; background: none; }
- /*//////////////////////////// FINE LOOPSLIDER ////////////////////////////////////////////////*/
- /*//////////////////////////// INIZIO RESET - CSS ////////////////////////////////////////////////*/
- html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0px;
- padding: 0px;
- border: 0;
- font-weight: normal;
- font-style: inherit;
- font-size: 100%;
- font-family: Arial, Helvetica, sans-serif;
- text-decoration:none;
- }
- h1,h2,h3,h4,h5,h6{color: #999999;}
- h1{
- font-size:36px;
- display: block;
- }
- h2{font-size:28px;}
- h3{font-size:22px;}
- h4{font-size:18px;}
- h5{font-size:16px;}
- h6{font-size:12px;}
- ul, ol {
- display: block;
- padding: 0px;
- margin-top: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
- margin-left: 20px;
- }
- p {
- margin: 0px;
- padding-top: 0px;
- padding-right: 0px;
- padding-bottom: 10px;
- padding-left: 0px;
- }
- p.italic {
- padding-top: 10px;
- padding-bottom: 15px;
- display: block;
- font-size: 17px;
- font-weight: normal;
- font-style: italic;
- }
- a {
- text-decoration: none;
- color: #BD3D76;
- }
- a:hover {
- text-decoration: underline;
- }
- /*//////////////////////////// FINE RESET - CSS ////////////////////////////////////////////////*/
- /*//////////////////////////// FOOTER - CSS ////////////////////////////////////////////////*/
- #footer{
- background-image:url(../images/footer-glow.png);
- background-repeat:no-repeat;
- background-position:top center;
- margin:0px;
- padding:20px 0px;
- }
- #footer-col{
- width:920px;
- padding:0px 20px;
- }
- #footer-col ul li a, #footer-col ul li a:visited{
- color:#999999;
- text-shadow:0px 1px 0px #f4f4f4;
- }
- #footer-text{
- color:#999999;
- text-align:center;
- padding:20px 0px 0px 0px;
- text-shadow:0px 1px 0px #f4f4f4;
- }
- #hosting-col{overflow:hidden;}
- /*//////////////////////////// FINE FOOTER - CSS ////////////////////////////////////////////////*/
- /*//////////////////////////// COLONNE - FOOTER - CSS ////////////////////////////////////////////////*/
- .col-920{width:920px;}
- .col-900{width:900px; margin:0 auto;}
- .col-160 {
- display:inline-block;
- width:138px;
- vertical-align:top;
- padding:0px 0px 0px 0px !important
- }
- .col-173 {
- display:inline-block;
- width:173px;
- vertical-align:top;
- padding:0px 0px 0px 0px !important;
- }
- .col-180 {
- display:inline-block;
- width:180px;
- vertical-align:top;
- padding:20px 0px 40px 0px !important
- }
- .col-196 {
- float:left;
- width:223px;
- vertical-align:top;
- padding:0px 0px 0px 0px !important
- }
- .col-280 {
- display:inline-block;
- width:280px !important;
- vertical-align:top;
- padding:0px 0px 0px 0px !important;
- }
- .col-284 {
- display:inline-block;
- width:284px !important;
- vertical-align:top;
- padding:0px 0px 10px 0px !important;
- }
- .col-320 {
- float:left;
- width:320px;
- vertical-align:top;
- padding:0px 0px 0px 0px !important;
- margin:0px;
- }
- .col-440 {
- display:inline-block;
- width:440px;
- vertical-align:top;
- padding:0px 0px 0px 0px !important;
- margin:0px;
- }
- .col-440 p, .col-440 ul {margin:0px;}
- .vertical-separator {
- display:inline-block;
- width:34px;
- background-image:url(../files/vertical-line.png);
- background-repeat:repeat-y;
- background-position:top center;
- }
- .vertical-separator-noline {
- display:inline-block;
- width:24px;
- height:100% !important;
- }
- .vertical-separator-noline2 {
- display:inline-block;
- width:22px;
- }
- .col-620{float:left; width:620px;}
- .col-300{float:left; width:300px;}
- .fullwidth{
- padding:30px 0px;
- }
- .fullwidth-serv{
- padding:30px 0px 0px 0px;
- }
- /*//////////////////////////// FINE COLONNE - FOOTER - CSS ////////////////////////////////////////////////*/
Diesen Code solltest du aber bearbeiten da er den Reset Code beinhaltet also
Code- html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0px;
- padding: 0px;
- border: 0;
- font-weight: normal;
- font-style: inherit;
- font-size: 100%;
- font-family: Arial, Helvetica, sans-serif;
- text-decoration:none;
- }
dort entfernen
-
Hallo und vielen Dank schonmal für die Antwort.
Ja gerne bin ich hier her gekommen und fühle mich wohler als in dem anderen Forum:-)Was die alte Seite angeht, so ändere ich hier gerade ein paar dinger und hoffe schon morgen die erste Version auf die Testseite laden zu können um diese zu sehen.
Das Bild mit den Link welches ich gerade hier reingestellt habe, soll auf der Startseite zu sehen sein, als Art Menü für die Einzelnen Produktarten. Ich hoffe ich habe das Verständlich ausgedrück.
Ich habe 6 Kategorien ( also 6 Bilder untereinander ) in denen jeweils die Links der Einzelnen Untermenüs zu sehen sein sollen.
Liebe grüße
schon mal und Danke für die Hilfe und hoffe ich darf in den nächsten Tagen wenn Probleme auftauschen wieder auf Euch zukommen. -
Da bist du nicht der einzige der sich hier wohler fühlt.
Ich denke du meinst dein Sortiment oder?
Wenn du was fertig hast mit den Bildern meld dich einfach wieder da kann man mal schauen bzw. du mal ein Screenshot machen und dort eintragen was du gerne möchtest...