Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.11.2009 um 13:14 (UTC)    
Titel: Bei Hover "Inhaltsblock" anzeigen?

Hallo,
ist es möglich, dass wenn ich über den Willkommenslink in meiner navigation mit der Mouse hovere, die ganze Seite mit einem neuen Bereich (mit HTML-formatierten Text) überdeckt wird? Ich stelle mir das so vor:


Zuletzt bearbeitet von windowssite am 04.11.2009, 14:16, insgesamt 4-mal bearbeitet
Beitrag05.11.2009 um 13:43 (UTC)    
Titel:

dreistester push! Mr. Green
Beitrag05.11.2009 um 14:10 (UTC)    
Titel:

Hallo,
wie ist das ganze genau gemeint?
Kannst du vielleicht ein Beispiel zeigen oder
das textlich nochmal ganz genau erzählen...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag05.11.2009 um 21:00 (UTC)    
Titel:

Habe jetzt mal das Coolmenü dafür missbraucht (an einer Stelle zu stark kastriert, es erscheint nun sobald die Seite geladen wird) - den größten Teil hier macht wohl der HTML-Inhalt aus, der angezeigt wird:
Code:
<style type="text/css" media="screen"><!--
div.menu{position:absolute; z-index:3; top:240px; left:350px;}

.menu ul, .menu li{list-style-type: none; padding: 0px; margin: 0px;}
//--></style>

<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>

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

<table width="524" cellspacing="0" cellpadding="1" border="0">
    <tbody bgcolor="#FFFFFF">
        <tr>
            <td width="48" valign="top"><a href="http://www.windows-site.de/Windows-7.htm"><img border="0" alt="" src="http://img.webme.com/pic/w/windowssite/7_icon.png" /></a></td>
            <td width="214" valign="top"><a href="http://www.windows-site.de/Windows-7.htm"><font size="3"><span style="color: rgb(0, 110, 18);">Windows 7</span></font></a><br />
            <a href="http://www.windows-site.de/Windows-7.htm">Das ist Windows 7</a> <span style="color: rgb(255, 0, 0);">HOT</span><br />
            <a href="http://www.windows-site.de/7_Setup.htm">7-Setup</a> <span style="color: rgb(255, 0, 0);">HOT</span><br />
            <a href="http://www.windows-site.de/Systemanforderungen%A0.htm">Systemanforderungen</a><br />
            <a href="http://www.windows-site.de/Beta-Build-6801.htm">Beta Build 6801</a><br />
            &nbsp;</td>
            <td width="48" valign="top"><a href="http://www.windows-site.de/Weitere-Extras.htm"><img border="0" alt="" src="http://img.webme.com/pic/w/windowssite/extras_icon.png" /></a></td>
            <td width="214" valign="top"><a href="http://www.windows-site.de/Weitere-Extras.htm"><font size="3"><span style="color: rgb(0, 110, 18);">Weitere Extras</span></font></a><br />
            <a href="http://www.windows-site.de/G.ae.stebuch.htm">G&auml;stebuch</a> <span style="color: rgb(255, 0, 0);">HOT</span><br />
            <a href="http://www.windows-site.de/Umfragen.htm">             Umfragen</a><br />
            <a href="http://www.windows-site.de/Downloadcenter.htm">Downloadcenter</a> <span style="color: rgb(255, 0, 0);">HOT</span><br />
            <a href="http://www.windows-site.de/Wallpaper.htm">             Wallpaper</a><br />
            <a href="http://www.windows-site.de/Statistiken.htm">             Statistiken</a><br />
            <a href="http://windowssite.kostenloses-forum.be/">Windows-Forum</a> <span style="color: rgb(255, 0, 0);">HOT</span></td>
        </tr>
        <tr>
            <td width="48" valign="top"><a href="http://www.windows-site.de/Windows-Vista.htm"><img border="0" alt="" src="http://img.webme.com/pic/w/windowssite/vista_icon.png" /></a></td>
            <td width="214" valign="top"><a href="http://www.windows-site.de/Windows-Vista.htm"><font size="3"><span style="color: rgb(0, 110, 18);">Windows Vista</span></font></a><br />
            <a href="http://www.windows-site.de/Windows-Vista.htm">Das ist Windows Vista</a> <span style="color: rgb(255, 0, 0);">HOT</span><br />
            <a href="http://www.windows-site.de/Online_Vista.htm">             Online-Vista</a><br />
            <a href="http://www.windows-site.de/Vista_Setup.htm">             Vista-Setup</a><br />
            <a href="http://windowssite.de.tl/Service-Pack-2.htm">             Service Pack 2</a> <span style="color: rgb(255, 0, 0);">HOT</span><br />
            <a href="http://www.windows-site.de/Pro-und-Kontra.htm">             Pro und Kontra</a><br />
            <a href="http://www.windows-site.de/Systemanforderungen.htm">             Systemanforderungen<br />
            <br />
            </a></td>
            <td width="48" valign="top"><a href="http://www.windows-site.de/Tippdatenbank.htm"><img border="0" alt="" src="http://img.webme.com/pic/w/windowssite/tipps_icon.png" /></a></td>
            <td width="214" valign="top"><a href="http://www.windows-site.de/Tippdatenbank.htm"><font size="3"><span style="color: rgb(0, 110, 18);">Tippdatenbank</span></font></a><br />
            <a href="http://www.windows-site.de/Benutzerkonten.htm">Benutzerkonten</a><br />
            <a href="http://www.windows-site.de/Internet-Explorer.htm">             Internet Explorer</a><br />
            <a href="http://www.windows-site.de/Software.htm">             Software</a><br />
            <a href="http://www.windows-site.de/Tuning.htm">             Tuning</a><br />
            <a href="http://www.windows-site.de/Typografie.htm">             Typografie</a><br />
            <a href="http://www.windows-site.de/Windows-Explorer.htm">             Windows Explorer</a></td>
        </tr>
        <tr>
            <td width="48" valign="top"><a href="http://www.windows-site.de/Windows-XP.htm"><img border="0" alt="" src="http://img.webme.com/pic/w/windowssite/xp_icon.png" /></a></td>
            <td width="214" valign="top"><a href="http://www.windows-site.de/Windows-XP.htm"><font size="3"><span style="color: rgb(0, 110, 18);">Windows XP</span></font></a><br />
            <a href="http://www.windows-site.de/Windows-XP.htm">Das ist Windows XP</a><br />
            <a href="http://www.windows-site.de/XP_Setup.htm">             XP-Setup</a></td>
            <td width="48" valign="top"><a href="http://www.windows-site.de/Meine-Software.htm"><img border="0" alt="" src="http://img.webme.com/pic/w/windowssite/software_icon.png" /></a></td>
            <td width="214" valign="top"><a href="http://www.windows-site.de/Meine-Software.htm"><font size="3"><span style="color: rgb(0, 110, 18);">Meine Software</span></font></a><br />
            <a href="http://www.windows-site.de/Der-Buchhalter.htm">Der Buchhalter</a><br />
            <a href="http://www.windows-site.de/FileWatcher.htm">FileWatcher 2</a> <span style="color: rgb(255, 0, 0);">HOT</span><br />
            <a href="http://www.windows-site.de/GlassBench.htm">GlassBench 4</a> <span style="color: rgb(255, 0, 0);">HOT</span><br />
            <a href="http://www.windows-site.de/StartupOptimizer.htm">StartupOptimizer</a><br />
            <a href="http://www.windows-site.de/XPDream.htm">             XPDream 2</a> <span style="color: rgb(255, 0, 0);">HOT</span></td>
        </tr>
        <tr>
            <td width="48" valign="top"><a href="http://www.windows-site.de/Anderes-Windows.htm"><img border="0" alt="" src="http://img.webme.com/pic/w/windowssite/win_icon.png" /></a></td>
            <td width="214" valign="top"><a href="http://www.windows-site.de/Anderes-Windows.htm"><font size="3"><span style="color: rgb(0, 110, 18);">Anderes Windows</span></font></a><br />
            <a href="http://www.windows-site.de/Windows-95.htm">Windows 95</a><br />
            <a href="http://www.windows-site.de/Windows-98.htm">             Windows 98</a><br />
            <a href="http://www.windows-site.de/Windows-Me.htm">             Windows Me</a><br />
            <a href="http://www.windows-site.de/Windows-NT-4.htm">             Windows NT 4</a><br />
            <a href="http://www.windows-site.de/Windows-2000.htm">             Windows 2000</a><br />
            <a href="http://www.windows-site.de/Windows-Longhorn.htm">Windows Longhorn</a> <span style="color: rgb(255, 0, 0);">HOT</span></td>
            <td width="48" valign="top"><a href="http://www.windows-site.de/Service.htm"><img border="0" alt="" src="http://img.webme.com/pic/w/windowssite/service_icon.png" /></a></td>
            <td width="214" valign="top"><a href="http://www.windows-site.de/Service.htm"><font size="3"><span style="color: rgb(0, 110, 18);">Service</span></font></a><br />
            <a href="http://www.windows-site.de/Kontaktformular.htm">Kontaktformular</a><br />
            <a href="http://www.windows-site.de/Eingetroffene-Mails.htm">             Eingetroffene Mails</a><br />
            <a href="http://www.windows-site.de/Partnersites.htm">             Partnersites</a> <span style="color: rgb(255, 0, 0);">HOT</span><br />
            <a href="http://www.windows-site.de/Sitearchiv.htm">             Sitearchiv</a><br />
            <a href="http://www.windows-site.de/-Ae-nderungen.htm">             &Auml;nderungen</a><br />
            <a href="http://www.windows-site.de/Impressum.htm">             Impressum</a></td>
        </tr>
    </tbody>
</table>

</li></ul></li></div>


Finde ich schon ganz gut, aber einige Probleme habe ich noch damit:
Der erscheinende "Block" soll nicht darunter, sondern rechts davon erscheinen (also in der weißen Fläche wo sonst immer Inhalt steht).
Und wie kann ich das "Willkommen" relativ platzieren, so dass es (egal ob Werbeblocker an oder aus) immer über dem ersten Link in der echten Navigation hockt (darüber hinaus ist mein Design auch noch zentriert)?


Zuletzt bearbeitet von windowssite am 05.11.2009, 22:00, insgesamt einmal bearbeitet
Beitrag05.11.2009 um 21:32 (UTC)    
Titel:

Meinst du sowas ähnliches wie auf www.nndesign.de.tl ?
______________
Beitrag06.11.2009 um 16:02 (UTC)    
Titel:

Naja, ist doch schon ein Unterschied. Ich werde mal selber ein wenig rumexperimentieren Wink
Beiträge der letzten Zeit anzeigen:   


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