Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag06.11.2008 um 17:23 (UTC)    
Titel: Navigation bei butterfly ändern - Kästchen

SO ich wollte mal fragen ob man statt einer durchgehenden Navi leiste auch mehrere machen kann bzw ob man lücken in die normale machen kann, so der der hintergrund zu sehen wäre. so wie hier: auf der linken seite http://www.bueso.de/

kann mir da jemand nen code sagen?
______________
http://img.webme.com/pic/z/zombieking/banner.jpg
Dead Dudes In The House
Beitrag06.11.2008 um 17:26 (UTC)    
Titel:

Kleiner Tipp:
Die Designvorlage "Iceblue" kann man viel besser bearbeiten,
als Butterfly, darum solltest du vielleicht auf "Iceblue" umsteigen,
dort könnte Ich dir dann auch die ganzen Codes nennen....

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 06.11.2008, 18:26, insgesamt einmal bearbeitet
Beitrag06.11.2008 um 17:31 (UTC)    
Titel:

der-bielefeld-club hat Folgendes geschrieben:
Kleiner Tipp:
Die Designvorlage "Iceblue" kann man viel besser bearbeiten,
als Butterfly, darum solltest du vielleicht auf "Iceblue" umsteigen,
dort könnte Ich dir dann auch die ganzen Codes nennen....

mfg


danke aber mir gefällt das butterfly sehr gut und ich finde es paßt auch besser
______________
http://img.webme.com/pic/z/zombieking/banner.jpg
Dead Dudes In The House
Beitrag06.11.2008 um 20:00 (UTC)    
Titel:

Beitrag06.11.2008 um 20:11 (UTC)    
Titel:

Hi - richtige Lücken - geht leider im Butterfly nicht, weil du da keine eigenene Klassen einstellen kannst - Ciao Michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag06.11.2008 um 20:33 (UTC)    
Titel:

ja baer ich könnte einfach noch eine navi drunter setzen, aber ich müsste die so machen das die wie die erste aussieht, und ich weiß nicht wie das geht
______________
http://img.webme.com/pic/z/zombieking/banner.jpg
Dead Dudes In The House
Beitrag06.11.2008 um 20:37 (UTC)    
Titel:

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

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 20px;padding-top: 5px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 160px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(URL);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

<!-- Ende des Scriptes -->

<div class="menu">

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<!-- Menupunkt1 = Überschrift
Menupunkt1.1 und Menupunkt1.2 = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

-->

<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>

</ul>
</li>

<!-- Hier können weitere Menüs eingefügt werden, einfach den oberen Teil kopieren und anpassen
'smenu1' muss dann entsprechend hochgezählt werden (4x)

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>
<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

</ul>
</li>

-->

</div>

das ist der code, aber was muss ich machen das der nach butterfly aussieht?
______________
http://img.webme.com/pic/z/zombieking/banner.jpg
Dead Dudes In The House
Beitrag06.11.2008 um 21:08 (UTC)    
Titel:

es geht nicht, da beim design iceblue (auch mein tipp) jeder link seine eigene id hat. Das heißt ich kann folgendes machen:
Zitat:
#Seite1 {is da}
#Seite 2 {visiblity: hidden; also nicht da}


Sowas gibt es beim Design butterfly nicht sry. Mfg. Arne
Beitrag06.11.2008 um 21:11 (UTC)    
Titel:

ja super, hättest du alles gelesen hättest du dir die antwort sparen können, nicht böse nehmen

das weiß ich schon...

der neu plan ist also mehrer navis zu machen. der code steht oben. problem ist das ich nicht weiß wie ich den so umbau das er wir butterfly aussieht
______________
http://img.webme.com/pic/z/zombieking/banner.jpg
Dead Dudes In The House
Beitrag06.11.2008 um 21:13 (UTC)    
Titel:

Der Code von oben ist ein Coolmenü,
dort kannst du deine eigenen Buttons einfügen.
Was willst du den genau am Code ändern? Die Buttons?

mfg
______________
Beitrag06.11.2008 um 21:20 (UTC)    
Titel:

na im grunde will ich ne 2 navi unter der ersten die auch wie die erste aussieht und funkioniert nur mit andern menü punkten
______________
http://img.webme.com/pic/z/zombieking/banner.jpg
Dead Dudes In The House
Beitrag07.11.2008 um 16:36 (UTC)    
Titel:

Beitrag07.11.2008 um 18:59 (UTC)    
Titel:

Hi - im Prinzip net - aber vielleicht ich habe da eine Idee - aber da muß dir wahrscheinlich noch jemand helfen
Du kannst ja sogar im Butterfly mehrere zusätzliche Boxen machen:
Zusatz-Boxen für Design: Butterfly

Code für das Design Butterfly:

Zitat:
<style type="text/css">
<!--
table.rb_neu{position:absolute;left:8px;top:800px;}
-->
</style>

<table class="rb_neu" width="182" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td background="http://88.198.45.22/designs/butterfly/images//headline_bg.gif" height="35" class="edit_rechts_headline">
<table width="182" border="0" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td width="9" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none"></td>
<td class="headline_bar_right" width="5"><img src="http://88.198.45.22/designs/butterfly/images_blau/head.gif" width="5" height="21"></td>
<td width="4" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none"></td>
<td width="155" class="headline7"><font color="#FFFFFF">Titel</font></td>
<td width="9" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none">
&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="35" align="left" valign="top" bgcolor="#4B595B" class="edit_right_box">
<table width="182" border="0" cellspacing="0" cellpadding="0" id="table3">
<tr>
<td width="9" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none"></td>
<td width="164" height="5" background="http://88.198.45.22/designs/butterfly/images_blau/head.gif" class="edit_rechts_headline2"></td>
<td width="9" style="font-family: Tahoma; font-size: 10px; font-style: none; color: #000000; text-decoration: none"></td>
</tr>
<tr>
<td class="rb_bar_left width="9">&nbsp;</td>
<td width="164" height="60" bgcolor="#FFFFFF" class="edit_right_box2" style="padding-left:5px;" valign="top">
Hier kommt jetzt Euer Text rein</td>
<td class="rb_bar_right" width="9">&nbsp;</td>
</tr>
<tr>
<td class="rb_bar_bottom" colspan="3" height="9"></td>
</tr>
</table>
</td>
</tr>
</table>


Die Blauen Werte stehen für die Positionierung: in dem Beispiel oben: 8px von der linken Seite und 800px von oben.

Der Pink Wert ist die Klasse - wollt Ihr eine weitere Box einfügen müßt Ihr die bezeichnung ändern rb_neu2 das könnt ihr fortsetzen und noch weitere Boxen einfügen.

Dunkelrot: Da kommt der Text oder der Code rein.

Jetzt noch die Erklärung, wie die CSS-Codes einfügt werden:

http://www.forenparadies.de/forums/viewtopic.php?t=150&mforum=success4you


Die Boxen müßten dann transparent gemacht werden, damit man sie nicht sieht.

Dann könntest Du Buttons in die Box einfügen und verlinken:

Zusätzliche Buttons in die Box

Buttons, die nicht in der Standardnavigation aktiviert werden, sind nicht anderes als verlinkte Bilder. Wir benötigen dazu Buttons:

160 x33 Pixel

Sie könnten auch schmäler sein oder auch höher - das ist Geschmacksache. Am Besten setzt man alles in eine unsichtbare Tabelle

<table> </table>

die einzelnen Tabellenunterteilung: <tr><td> </td></tr>

border=0 damit hat die Tabelle einen Rahmen von 0 Pixeln, ist also nicht sichtbar.

Dazwischen setzen wir unser verlinktes Bild (Button).

Wenn die verlinkte Seite in einem neuen Fenster aufgehen soll, dann müssen wir den Zusatz

"target="_blank" hinzufügen - siehe letztes Beispiel:

Zitat:
<table>
<tr>
<td><a href="http://LINKADRESSE.htm" target="_self"><img src="http://BUTTONLINK.jpg" border="0" width="160" height="33"></a></td>
</tr>
<tr>
<td><a href="http://LINKADRESSE.htm" target="_self"><img src="http://BUTTONLINK.jpg" border="0" width="160" height="33"></a></td>
</tr>
<tr>
<td><a href="http://LINKADRESSE.htm" target="_self"><img src="http://BUTTONLINK.jpg" border="0" width="160" height="33"></a></td>
</tr>
<tr>
<td><a href="http://LINKADRESSE.htm" target="_self"><img src="http://BUTTONLINK.jpg" border="0" width="160" height="33"></a></td>
</tr>
<tr>
<td><a href="http://LINKADRESSE.htm" target="_self"><img src="http://BUTTONLINK.jpg" border="0" width="160" height="33"></a></td>
</tr>
<tr>
<td><a href="http://LINKADRESSE.htm" target="_self"><img src="http://BUTTONLINK.jpg"target="_blank" border="0" width="160" height="33"></a></td>
</tr>
</table>


http://LINKADRESSE.htm = die Homepageseite, wo der Button hinführen soll.

http://BUTTONLINK.jpg = der Link des Buttons, der angezeit werden soll.


Mit width="160" height="33" gibt man die Größe des Buttons an.

Das ganze kann natürlich verkürzt oder auch beliebig verlängert werden.


Aber das ist alles ein wahnsinniges Unternehmen - wenn Dir jemand hilft - könnte es so gehen .

Aber wie schon gesagt bei Iceblue ist es ein CSS - Befehl - und ich denke du wirst mit der Zeit dein Design noch verändern, sodass sowieso hinterher kein Mensch mehr sieht, welches das war.

Ciao Michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag07.11.2008 um 19:05 (UTC)    
Titel:

super danke, echt super, werd mich mal hinsetzen und das ausprobieren
______________
http://img.webme.com/pic/z/zombieking/banner.jpg
Dead Dudes In The House
Beitrag07.11.2008 um 19:22 (UTC)    
Titel:

mmmh aber ich hätte gerne auf seiten verlinkt die nicht in der navi sind. kann ich versteckte seiten machen die für alle user zugänglich sind?

ups schon hat es sich erledigt...danke nochmal ich setze mich das wochenende mal ran
______________
http://img.webme.com/pic/z/zombieking/banner.jpg
Dead Dudes In The House


Zuletzt bearbeitet von zombieking am 07.11.2008, 20:26, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de