Cumuluswolke über Headergrafik

[guhi]

Hallo,

ich möchte die Cumuluswolke, über die Headergrafik legen.

Könnte mir da jemand helfen?

Danke

GuHi

[voodoo36]

Hallo, um was für ein Design handelt es sich?

[guhi]

Sorry, es handelt sich um "Zeus extreme"

[voodoo36]

Hallo du definierst die Position in der Style_design:
Die beiden Dateien musst du auf den Server laden.

Dateien:
1. swfobject.js 2. tagcloud.swf in der style_design

#cumulus{
position: absolute;
left: 50%;
margin-left: 40px;
top: 30px;
}

in der navigation.ccml (Den gelben Pfad musst du natürlich für dich anpassen)

<div id="cumulus">
<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
<script type="text/javascript" src="../../../assets/swfobject.js"></script>
<div id="cumulus"></div>
<script type="text/javascript">
var so = new SWFObject("../../../assets/tagcloud.swf", "tagcloud", "360", "200", "7", "#ffffff");
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xFFFFFF");
so.addVariable("tcolor2", "0xFFFFFF");
so.addVariable("hicolor", "0x000000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><a href='./anleitung-pythagoras-extrem/index.php' style='20'>Anleitung Pythagoras extrem</a><a href='./web-to-date-forum/index.php' style='20'>Web to Date Forum</a><a href='http://www.webtodateforum.de/forum' style='20'>Forum</a><a href='http://www.webtodateforum.de/forum/web-to-date-6-0/' style='20'>Web to Date 6.0</a><a href='http://www.webtodateforum.de/forum/web-to-date-5-0/' style='20'>Web to Date 5.0</a><a href='http://www.webtodateforum.de/forum/web-to-date-ccml-designs/' style='20'>CCML Designs</a><a href='http://www.webtodateforum.de/forum/web-to-date-allgemein/' style='20'>Web to Date</a><a href='http://www.webtodateforum.de/forum/seo-fuer-web-to-date/' style='20'>SEO</a><a href='./web-to-date-webring/index.php' style='20'>Web to Date Webring</a><a href='http://www.webtodateforum.de/webring/webseite-anmelden.php' style='20'>Mitmachen</a><a href='./ral-farben/index.php' style='20'>RAL Farben</a><a href='./links/index.php' style='20'>Links</a><a href='./links/vinland-maine-coons/index.php' style='20'>Vinland Maine Coons</a><a href='./links/98fahrenheit/index.php' style='20'>98fahrenheit</a><a href='http://www.98fahrenheit.de/web' style='14'>Fotostudio</a><a href='http://www.98fahrenheit.de/webdesign' style='14'>Webdesign</a><a href='http://www.98fahrenheit.de/web/shop/index.php' style='14'>Nordseefotos</a><a href='./links/nordsee/index.php' style='20'>Nordsee</a><a href='./links/nordsee/kuestenforum/index.php' style='14'>Kuestenforum</a><a href='http://www.webtodateforum.de' style='10'>Web to Date Forum</a></tags>");
so.write("cumulus");
</script>
</div>

[guhi]

Funktioniert irgendwie nicht. Ich habe die Dateien "swfobject.js 2. tagcloud.swf" im asset Ordner gespeichert und die Navigation Style_Design, entsprechend angepasst.

Im W2d habe ich bereits einen HTML Absatz, in dem das schon funktioniert.

Nachfolgend die Navigation und style_design

######## Suchfunktion
########
</cc:*>
<cc:if cond="&site.ftsfile">
<form style="text-align: right; height: 22px; width:350px; position: absolute; top:250px; left:50%; margin-left:135px;" action="<cc:print value="&site.ftsfile">" method="get">
<input type="text" name="criteria" maxlength="15" />
<input type="image" style="margin-top:5px;" src="<cc:printpictureurl obj="pic.search">" alt="Suche ausführen" />
</form>
</cc:if>


<div id="uhr">
<embed src="http://www.webtodateforum.de/uhr.swf"  width="48" height="48" wmode="transparent" type="application/x-shockwave-flash">
</div>

<cc:if cond="&multibox gt 0">
<script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            $(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});
        });
        </script>
</cc:if>





<cc:if cond="&site.googleanalytics.accountnumber"><cc:include src="google_analytics.ccml" common="1"></cc:if>


</body>
</html>

<div id="cumulus">
<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
<script type="text/javascript" src="../../../assets/swfobject.js"></script>
<div id="cumulus"></div>
<script type="text/javascript">
var so = new SWFObject("../../../assets/tagcloud.swf", "tagcloud", "360", "200", "7", "#ffffff");
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xFFFFFF");
so.addVariable("tcolor2", "0xFFFFFF");
so.addVariable("hicolor", "0x000000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><a href='./loeschanlagenauswahl/hohlglaskugelfeuerloeschverfahren/index.php' style='20'>Phyrobubbels</a><a href='./loeschanlagenauswahl/sprinkleranlagen-alternative/index.php' style='20'>Sprinkleranlagen Alternative</a><a href='./loeschanlagenauswahl/novec/index.php' style='20'>Novec 1230</a><a href='./bs-innovationstag/index.php' style='20'>Kompaktschaum Löschanlgen</a><a href='./loeschanlagenauswahl/inertisation/index.php' style='20'>Dauerinertisierung</a><a href='./loeschanlagenauswahl/saugstellen/index.php' style='20'>Frostsichere Saugstelle</a><a href='./wir/index.php' style='20'>Wir</a><a href='./wir/planung/index.php' style='20'>Löschanlagen Planung</a><a href='./seminar/index.php' style='20'>Brandschutz Schulung</a><a href='./downloads.php' style='20'>Downloads</a><a href='./kontakt.php' style='20'>Kontakt zu uns</a><a href='./links/index.php' style='20'>Links</a><a href='./News.php' style='20'>News bei Knopf.be</a><a href='./haeufigefragen/index.php' style='20'>Häufige Fragen</a><a href='./loeschanlagenauswahl/hohlglaskugelfeuerloeschverfahren/index.php' style='14'>Hohlglaskugel Löschanlagen</a></tags>");
so.write("cumulus");
</script>
</div>

BODY {
    margin: 0px;
    padding: 0px;
    background: <cc:print value="&hintergrund.color">;
    color: <cc:print value="&usercolor.bright">;
}


#youarehere {
    margin: 0px 0px 10px 0px;
    padding: 0;
    height: 20px;
            font-size: 80%;
            vertical-align: top;
}

#youarehere p {
             display: inline;
}

#youarehere a {
             text-decoration: none;
    font-weight: normal !important;
}

#youarehere a:hover {
        text-decoration: none;
    color: <cc:print value="&usercolor.alt.dark">;
}

a.tagcloudlink:link, a.tagcloudlink:visited { 
text-decoration:none;
color: <cc:print value="&usercolor.bright">;
 }
 
a.tagcloudlink:hover, a.tagcloudlink:active { text-decoration:underline; }
a.level1 { font-size: 11px; }
a.level2 { font-size: 13px; }
a.level3 { font-size: 16px; }
a.level4 { font-size: 18px; }
a.level5 { font-size: 20px; }


#uhr {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: 438px;
    
}


form.search {
    margin: 20px 0px 20px 0px;
}

form.search input {
    vertical-align : middle;
}

input.search {
    width: 100px;
    border: 1px solid <cc:print value="&usercolor.medium">;
    
    
}

/* Menü */

#menubar
{
    margin: 0px 0px 8px 0px;
    padding: 0px;
    width: 990px;
    height: 36px;
    background : url(../images/<cc:print value="&pic.menubar.filename">) repeat top left;
    overflow: hidden;
}


a.menuButton, a.menuButtonActive  {
    display: block;
    float: left;
    color: <cc:print value="&usercolor.bright">;
    text-decoration: none;
    padding: 12px 10px 12px 10px;
    border-right: 1px solid <cc:print value="&usercolor.dark">; 
    }

.menu {
    padding: 0px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    left:0px;
    top:0px;
    z-index: 10;
    border: 1px solid <cc:print value="&usercolor.dark">;
    }


a.menuItem, a.menuItemActive {
        color: <cc:print value="&usercolor.bright">;
    background: <cc:print value="&menu.hintergrund">;
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    white-space: nowrap;
    
    
}
a.menuButtonActive, a.menuButton:hover {
background-color:<cc:print value="&menu.hintergrund">;
background : url(../images/<cc:print value="&pic.menubarsel.filename">) repeat top left;

}
a.menuItem:hover, a.menuItemActive {
background-color: <cc:print value="&menu.hintergrund">;
background : url(../images/<cc:print value="&pic.menubarsel.filename">) repeat top left;
}


#wrap {
    margin: 0 auto;
    width: 990px;
    border-left:  1px solid <cc:print value="&usercolor.dark">;
    border-right: 1px solid <cc:print value="&usercolor.dark">; 
    border-bottom: 1px solid <cc:print value="&usercolor.dark">; 
}

#content {
    padding: 10px ;
    text-align: justify;
    }

#eyecatcher
{
    width : 990px;
    height: 250px;
    background : url(../images/<cc:print value="&pic.logo.filename">) no-repeat top left;
    margin-bottom: 0px;
    
#eyecatcher .easy_slides_caption {
    width:960px;
    height:100px;
    padding: 10px 0 0 10px;
    overflow: hidden;
  }
    
    
}

#rechts {
    float: right;
    width: 200px;
    border-left: 1px solid <cc:print value="&usercolor.dark">;
    
}


#side {
    float: left;
    width: 200px;
    border-right: 1px solid <cc:print value="&usercolor.dark">;
    }


#sidenav {
    width: 200px;
}

#sidenav h2 {
    display: block;
    padding: 10px 20px 10px 20px;
    margin: 0;
    color: <cc:print value="&usercolor.bright">;
    font-size: 100%;
    font-weight: bold;
    background : <cc:print value="&usercolor.dark"> url(../images/<cc:print value="&pic.fade.filename">) repeat-x top left;
}

.space {
    width: 200px;
    height: 10px;
}

#sidenav a, #sidenav p {
    display: block;
    padding: 6px 20px 6px 20px;
    margin: 0;
    color: #<cc:print value="&usercolor.bright">;
    text-decoration: none;
}

#sidenav a.sel {
    font-weight: bold;
}

#sidenav a:hover {
    color: <cc:print value="&usercolor.dark">;
}

#sidebar {
    width: 180px;
    padding: 10px 10px 10px 10px;
    }

#footer {
    padding: 30px 0px 20px 0px;
    margin: 0 auto;
    width: 100%;
    clear: both;
    text-align: center;
    background : <cc:print value="&usercolor.dark"> url(../images/<cc:print value="&pic.footer.filename">) repeat-x top left;
    
}

#footer a {
    color: <cc:print value="&usercolor.bright">;
    text-decoration: none;
    padding-right: 10px;
}

#footer a:hover {
    color: <cc:print value="&usercolor.alt.dark">;
}

form.search {
    margin: 0px;
    padding: 10px;    
}

form.search input {
    
}

input.search {
    width: 140px;
    border: 1px solid <cc:print value="&usercolor.dark">;
}

#ts {
    margin-left: 10px;
}
<cc:include src="style_content.css" common="0">


#cumulus{
position: absolute;
left: 50%;
margin-left: 40px;
top: 30px;
}

[voodoo36]

Hast du mal einen Link?

[voodoo36]

Probier mal den Original Code... Dein Code geht nicht!! Das liegt an deinen Links...
##

<script type="text/javascript" src="swfobject.js"></script>
<div  id="flashcontent">Sie muessen Java Script zulassen um alle Elemente  dieser Seite anzuzeigen...</div>
<script  type="text/javascript">
var so = new SWFObject("tagcloud.swf",  "tagcloud", "600", "400", "7", "#ffffff");
so.addParam("wmode",  "transparent");
so.addVariable("tcolor", "0x00FF00");
so.addVariable("tcolor2",  "0xFFFFFF");
so.addVariable("hicolor", "0xFF0000");
so.addVariable("mode",  "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed",  "100");
so.addVariable("tagcloud", "<tags><a  href='http://www.98fahrenheit.de'  style='12'>98fahrenheit</a><a  href='http://www.webtodateforum.de/danke.php'  style='18'>Backlink</a><a  href='http://www.webtodateforum.de/forum/web-to-date-ccml-designs/'  style='24'>CCML</a><a  href='http://www.webtodateforum.de/forum/web-to-date-allgemein/608-cumuluswolke-web-to-date-einbinden.html'  style='12'>Cumulus Wolke</a><a  href='http://daedalus-flash.webtodateforum.de/' style='24'>Daedalus  Flash</a><a  href='http://www.webtodateforum.de/forum/tags/design%20phi.html'  style='21'>Design Phi</a><a  href='http://www.webtodateforum.de/forum/web-to-date-ccml-designs/53-design-strandkorb-fuer-web-to-date-6-0-a.html'  style='15'>Design Strandkorb</a><a  href='http://www.webtodateforum.de/downloads/index.php'  style='21'>Downloads</a><a  href='http://fiction-flash.webtodateforum.de/' style='21'>Fiction  Flash</a><a href='http://www.webtodateforum.de/forum/'  style='18'>Forum</a><a  href='http://www.webtodateforum.de/forum/web-to-date-ccml-designs/503-modifizierte-designs.html'  style='21'>Google Sitemap</a><a  href='http://www.webtodateforum.de' style='16'>Web to  Date</a><a  href='http://www.webtodateforum.de/forum/web-to-date-6-0/11-leuchttisch-auch-bei-bildern-im-textabsatz.html'  style='18'>Leuchttisch</a><a  href='http://www.vinland-cats.de' style='15'>Maine  Coon</a><a  href='http://www.webtodateforum.de/forum/web-to-date-ccml-designs/503-modifizierte-designs.html'  style='18'>Modifizierte Designs</a><a  href='http://www.peter-rohde.de' style='12'>Peter  Rohde</a><a  href='http://www.webtodateforum.de/forum/web-to-date-allgemein/596-generator-fuer-stichwortwolke.html'  style='15'>Stichwortwolkengenerator</a><a  href='http://www.webtodateforum.de/tipps-und-tricks/index.php'  style='24'>Tipps und Tricks</a><a  href='http://www.webtodateforum.de/forum/vbgooglemapme.php'  style='12'>Usermap</a><a href='http://www.webtodateforum.de'  style='18'>W2d</a><a href='http://www.webtodateforum.de'  style='12'>Web to Date</a><a  href='http://www.webtodateforum.de/forum/web-to-date-6-0/'  style='15'>Web to Date 6</a><a  href='http://www.webtodateforum.de/webring/mitgliederliste.php'  style='21'>Webring</a><a  href='http://www.webtodateforum.de/tipps-und-tricks/wechselnde-kopfbilder.php'  style='15'>wechselnde Kopfbilder</a></tags>");
so.write("flashcontent");
</script>

[guhi]

Auf der Startseite funktioniert es jetzt, auf den unterseiten, wird noch die Meldung angezeigt "
Sie muessen Java Script zulassen um alle Elemente dieser Seite anzuzeigen... "

Hier der Link zur Seite

[voodoo36]

Ja, Gut jetzt noch diese Änderung dann findet er auch auf Unterseiten die Dateien...
<script type="text/javascript" src="../../../assets/swfobject.js"></script>
<div id="cumulus"></div>
<script type="text/javascript">
var so = new SWFObject("../../../assets/tagcloud.swf", "tagcloud", "360", "200", "7", "#ffffff");

und die Parameter in der style_design anpassen:

}
#cumulus{
position: absolute;
left: 40%;
margin-left: 140px;
top: 0px;
}

[guhi]

Oh und Danke, es funktioniert jetzt wunderbar.