phpBB.de

Verfasst: **18.05.2013 16:55**

______________
Style: proformell (prosilver)
______________
Hallo,
ich habe erfolgreich ein TopMenü eingebaut

nun ist das Problem, wenn man einen direkten "Beitrags Link" anzeigen lassen möchte ist der Post zu weit oben...
hier wie es im Moment aussieht http://www.raccoongaming.de/serien-doku ... .html#p180

ich möchte den Post etwas nach unten verschieben ..
ich habe das in der Common.css vermutet ..jedoch weis ich nicht wo ich genau suchen muss

___
ich hoffe dies ist verständlich gefragt

Verfasst: **18.05.2013 20:08**

Hi.

Um es so umzusetzen, wie Du es in Deinem Beitrag schreibst, müsstest Du die Anker der Beitragslinks versetzen bzw. diesen irgendwie margin mitgeben.
Leider wird das so ohne Weiteres nicht möglich sein und es beißen sich so manche die Zähne dran aus.
Eine gute Übersicht zum Thema hier: http://molily.de/css-position-fixed

Einfacher wäre es wohl, dem kompletten <div>, indem sich das Forum befindet, margin zu verpassen.
Dann würde das Menü zu keiner Zeit irgendwas überdecken.
Dazu passen würde dann ein menü-umschließender Container, um es zu zentrieren und um die Hintergrundfarbe des Forums zu hinterlegen...

[OT: Eigene Meinung dazu - Anfang]
Wie wärs, wenn Du das Menü von position:fixed; einfach auf position:relative; änderst?
Einerseits stört das so nur bei der Nutzung des Forums und andererseits ist es völlig ausreichend, wenn das massige Menü aus dem Bild scrollt.
Ein Menü fixed ist eher was für eine seitliche Einblendung oder dezent am oberen Rand...
[OT: Eigene Meinung dazu - Ende]

LG

Verfasst: **18.05.2013 20:13**

HabNurNeFrage hat geschrieben: [OT: Eigene Meinung dazu - Anfang]
Wie wärs, wenn Du das Menü von position:fixed; einfach auf position:relative; änderst?
[OT: Eigene Meinung dazu - Ende]

Deiner Argumentation kann ich schon folgen, aber wieso denn dann "relative" und nicht der Standardwert "static"?

Verfasst: **18.05.2013 20:18**

ok danke

ja das mit dem zu groß dachte ich auch schon...
kann ich vielleicht das Menü ausfahren lassen wenn man oben über einen rand fährt auch als css?
habe mich schon daran versucht hat aber nie geklappt

Verfasst: **18.05.2013 20:34**

Hi.

@BlackHawk: Logo, das war auch so gemeint, dass es danach im normalen Fluss liegt...

Ich würde es im unteren Bereich der Headergrafik anzeigen. Diese dazu einfach unten entsprechend verlängern und den Header vergrößern.
Das Menü scheint auch keine Funktionen zu haben, auf die man ständig zugreifen muss. Somit reicht es doch, wenn es oben eingbeaut ist?

Ein- und Ausblenden wäre auch noch eine Möglichkeit. Geht z.B. einfach mit CSS und Javascript:
http://www.html.de/javascript-ajax-und- ... post273484

Oder effektvoll mit jQ: http://www.andreas-schlapsi.at/2008/11/ ... usblenden/

LG

Verfasst: **19.05.2013 15:16**

HabNurNeFrage hat geschrieben:Ein- und Ausblenden wäre auch noch eine Möglichkeit. Geht z.B. einfach mit CSS und Javascript:
http://www.html.de/javascript-ajax-und- ... post273484

Oder effektvoll mit jQ: http://www.andreas-schlapsi.at/2008/11/ ... usblenden/

also ich habe mich an dem hier mal versucht http://www.tutorials.de/content/1220-dr ... query.html
allerdings wie immer scheitere ich schon am probieren

Punkt 1: wie füge ich mein fertiges Menü (mit allen effekten) genau so in das DropDownMenü ein bzw wo und wie muss ich das Umbenennen
Punkt 2: wie ist das mit der JavaScript datei die ich erstellen muss , nenne ich die dann jquery-1.6.2.js und packe da den JavascriptCode rein von der Seite

ich war schon froh genug das ich das Menü einfügen konnte aber das DropDown einfügen schaffe ich ohne Hilfe nicht..
auf Wunsch kann ich ja noch das Menü in Pastebin posten

Verfasst: **19.05.2013 18:10**

Hi,

keine Ahnung, da ich nicht weiß, wie Dein Menü an sich eingefügt ist...

Ich habe mal selbst was gebastelt, womit man das erreichen könnte.
Kannst ja mal ansehen...

Demo: http://bild4.bplaced.net/div_toggle/

Damit hast Du eine oben fixierte Grafik in der linken Bildecke.
Über die gesamte Breite der Seite entsteht oben eine Zone, die beim Überfahren mit der Maus Dein Menü einblenden würde.
Die Höhe dieser Zone wird von der Höhe der Grafik bestimmt.
Da Dein Menü auch fixed ist, würde es exakt ausgetauscht werden. Der Text in der Demo ist nicht fixed. Daher wird er darunter angezeigt.

Quelltext für Selbstversuche:

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' dir='ltr' xml:lang='de' lang='de'>
<head>
<meta http-equiv='content-type' content='text/html; charset=UTF-8' />
  
  <style type="text/css">
    #ausgeblendet{ visibility: hidden; z-index:99; position:fixed; }
  </style>
  
  
  <script type='text/javascript'>
    //<![CDATA[ 
    function zeige(id) { document.getElementById(id).style.visibility = "visible"; }
    function verberge(id) { document.getElementById(id).style.visibility = "hidden"; } 
    //]]>
  </script> 
  
  
<title>[JavaScript/CSS] Div`s tauschen mit Maus-Ereignissen</title>

</head>

<body>
    
  
    <div onmouseover="zeige('ausgeblendet')" onmouseout="verberge('ausgeblendet')"> 
        <div onmouseover="verberge('ersatzanzeige')" onmouseout="zeige('ersatzanzeige')">
      
            <div id="ersatzanzeige">
                <img src="ersatzbild.png" alt="*" />
            </div>
      
    
            <div id="ausgeblendet">
        
                <div id="dein_menue">
                    Hier Dein komplettes Menü einfügen, also alles, was im body eingefügt wird
                </div>
        
            </div>
      
        </div>
    </div>
  
  
</body>
</html>

Viel Spaß beim Tüfteln...

LG

Verfasst: **20.05.2013 20:25**

Super danke erst einmal für die Hilfe Stellung

(und das Rausrücken eines Codes

)
____
ich habe das nun eingebaut, nun habe ich noch 1 Problem..

das menü ist beim ersten anzeigen sichtbar erst wenn ich mit der Maus über den Menü Knopf oder über das Menü ansich fahre verschwindet es
(und das bei jedem laden einer Seite)

http://www.raccoongaming.de/

Verfasst: **20.05.2013 23:10**

Hi.

Jo, sehe das Problem. Ansonsten ja echt ganz witzig...

Denn zeig mal her das CSS vom Menü. Da wird sich irgendwo ein Schlingel gegen mein JS durchsetzen. Vielleicht display:inline !important; oder was Ähnliches.
Entweder wir regeln das im CSS oder verpassen dem Menü einfach auch irgendwo noch ein hidden und jagen es dann erst mousover durch die JS Funktion für visible...

LG

PS/Edit: Ich habe mir Deinen Quelltext mal angesehen: Du hast das komplette Menü zwischen </head> und <body> gepackt.
Das muss nach dem body-Anfang eingebaut werden und da am besten genau vor der Zeile <div id="infobar">

Auf jeden Fall aber nach: <body id="phpbb" style="CURSOR: url(/normal.cur), auto;" class="section-index ltr">
Das <div style="position: fixed; z-index: 100; left: 48%; top: 0px;" id="floatdiv"> nutzt Du, um das Menü-Bildchen zu zentrieren?
Die Zeile mit dem zugehörigen div-Ende ist meiner Meinung nach überflüssig...
Zum Zentrieren lieber <div id="ersatzanzeige"> mit <div id="ersatzanzeige" style="left:0;right:0;margin-left:auto;margin-right:auto;> ersetzen...

Verfasst: **21.05.2013 21:38**

ok float div habe ich entfernt...

zum Zentrieren habe ich mal <div id="ersatzanzeige" style="left:0;right:0;margin-left:auto;margin-right:auto;> eingesetzt allerdings sehe ich dann gar kein bild

Hier ist mal das derzeitige Menü ,aufgeteilt in <head> und <body>
https://www.phpbb.de/support/pastebin.p ... iew&s=1273

Ps : ich habe es auch vor die Zeile <div id="infobar"> geschoben
__________________

EDIT:

ok ich habe mich dann doch entschieden es unter den Banner zu Plazieren ...

allerdings bekomme ich keine gesammte breite hin und das freie weiße Feld zwischen Banner und Menü sollte auch weg..
irgend ein Tipp wie ich das hin bekomme?

so sieht es aus im Moment http://www.raccoongaming.de/

phpBB.de

bei drücken des "BeitragLinks" diesen weiter unten anzeigen?

bei drücken des "BeitragLinks" diesen weiter unten anzeigen?

Re: bei drücken des "BeitragLinks" diesen weiter unten anzei

Re: bei drücken des "BeitragLinks" diesen weiter unten anzei

Re: bei drücken des "BeitragLinks" diesen weiter unten anzei

Re: bei drücken des "BeitragLinks" diesen weiter unten anzei

Re: bei drücken des "BeitragLinks" diesen weiter unten anzei

Re: bei drücken des "BeitragLinks" diesen weiter unten anzei

Re: bei drücken des "BeitragLinks" diesen weiter unten anzei

Re: bei drücken des "BeitragLinks" diesen weiter unten anzei

Re: bei drücken des "BeitragLinks" diesen weiter unten anzei