|
| Flash menubox Fra : james25 | Vist : 994 gange 500 point Dato : 18-03-10 12:06 |
|
Hey !
Jeg har set denne her menubox, som er i flash, på http://brandnewmedia.dk/.
Jeg vil meget gerne lærer at lave noget ligende hvor billederne i boxen skifter som kasser.
Er der nogen der kan sende mig en flash fil, hvor det er lavet som eksempel, hvor man skifter mellem to billeder f.eks.
Jeg er ikke den bedste i flash !
link til menuboxen :
http://brandnewmedia.dk/
| |
| Kommentar Fra : Klaudi |
Dato : 18-03-10 12:14 |
| | |
| Kommentar Fra : james25 |
Dato : 18-03-10 12:53 |
|
Det ser helt rigtigt ud men jeg kan ikke åbne det i Flash CS3. Det er Dreamweaver fil med koder. Og det kan jeg ikke rigtig finde ud af. Kan man konvertere den eller på anden måde få det ind i flash CS3 ?
| |
| Kommentar Fra : Klaudi |
Dato : 18-03-10 12:56 |
|
Du skal heller ikke åbne noget i Flash CS3, du skal downloade eksemplet der er på siden,
så kan du tilrette config.xml filen med notepad
| |
| Kommentar Fra : james25 |
Dato : 18-03-10 13:04 |
|
Jamen jeg skal have lavet nogle flere flash enheder på siden udover denne box.
Jeg kender ikke Dreamweaver godt nok til at kode mig ud af det. Er det muligt at kombinere boxen med andre sider jeg laver i flash CS3 ?
Kan man evt. importer boxen på min arbejdsside i Flash CS3 ?
| |
| Kommentar Fra : bentjuul |
Dato : 18-03-10 13:48 |
|
Da jeg formoder der ingen fla-fil er med i pakken der downloades er det så såre simpelt, du kan kun ændre hvad xml-filen giver dig mulighed for.
Du kan hente swf'en ind i din egen swf - det gør du ved at lave et tomt mc i din fla hvor den eksterne swf loades ind.
| |
| Kommentar Fra : james25 |
Dato : 18-03-10 14:18 |
|
Men swf filen er beskyttet og kan derfor ikke importeres. Er der nogen vej uden om det eller ?
| |
| Kommentar Fra : Klaudi |
Dato : 18-03-10 14:23 |
| | |
| Kommentar Fra : james25 |
Dato : 18-03-10 14:28 |
|
Men den er free... Jeg prøver lige at skrive til deres support.
| |
|
Wondershare Flash Gallery Factory kan lave det hele helt udenom andre programmer. Og det er en flash-player i sig selv.
Det er ikke gratis, men koster dog heller ikke urimelig meget.
http://www.flash-gallery-software.com/
| |
| Kommentar Fra : james25 |
Dato : 18-03-10 16:09 |
|
Der står en manual til hvordan man kommer igang med at bruge boxen men jeg kan simpelthen ikke finde ud af hvad jeg gøre galt. Er der nogen der kan prøve at importere det i et flash dokument ?
| |
| Kommentar Fra : james25 |
Dato : 18-03-10 16:09 |
| | |
| Kommentar Fra : Klaudi |
Dato : 18-03-10 16:47 |
|
Det her skal være i HEAD sektionen:
<!-- STEP ONE: insert path to SWFObject JavaScript -->
<script type="text/javascript" src="js/swfobject/swfobject.js"></script>
<!-- STEP TWO: configure SWFObject JavaScript and embed CU3ER slider -->
<script type="text/javascript">
var flashvars = {};
flashvars.xml = "config.xml";
flashvars.font = "font.swf";
var attributes = {};
attributes.wmode = "transparent";
attributes.id = "slider";
swfobject.embedSWF("cu3er.swf", "cu3er-container", "600", "300", "9", "expressInstall.swf", flashvars, attributes);
</script>
<style type="text/css">
<!--
body { margin: 5% auto; text-align:center;}
#cu3er-container {width:600px; outline:0;}
-->
</style>
---------------------------------------------
Slut på HEAD
Dette indsættes i BODY sektionen hvor det skal vises:
<!-- STEP THREE: insert CU3ER div container -->
<div id="cu3er-container"><a href=" http://www.adobe.com/go/getflashplayer"> src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
Sørg for at stien til swfobject passer
js/swfobject/
| |
| Kommentar Fra : james25 |
Dato : 18-03-10 18:12 |
|
Nu er jeg ikke særlig meget inde i det her... Head i hvilken fil og body i hvilken fil ?
| |
| Kommentar Fra : Klaudi |
Dato : 18-03-10 18:48 |
|
Det er i den HTML fil hvor du vil vise cu3en, hvis du nu henter demo'en og LÆSER lidt på deres side er det til at finde ud af, pak demo ud, med de respektive undermapper, images og en js mappe,
læg et par af dine egne billeder i mappen images, tilpas config.xml og demo.html, det er i demo.html at koden er til at kalde swf osv, angiv størrelse på bredde og højde i pixels her:
swfobject.embedSWF("cu3er.swf", "cu3er-container", "600", "300", "9", "expressInstall.swf"
og bredde her:
<style type="text/css">
<!--
body { margin: 5% auto; text-align:center;}
#cu3er-container {width: 600px; outline:0;}
-->
</style>
| |
| Kommentar Fra : molokyle |
Dato : 19-03-10 10:08 |
|
Hør nu; små venner i Den Danske Sommer:
Menuen på den angivne side er IKKE lavet i Flash. Den er lavet i XHTML og CSS
Kig dog på kilden !!!
XHTML:
Kode <ul id="nav"><li class="li_item"><a class="navlink " href="http://www.brandnewmedia.dk/"><strong>Home</strong><span>where it begins</span></a></li>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/services"><strong>Services</strong><span>how we do it</span></a><ul>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/services/marketing-og-branding">Marketing og Branding</a><ul>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/services/marketing-og-branding/internet-markedsfoering">Internet markedsføring</a></li>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/services/marketing-og-branding/arbejdsmetoder">Arbejdsmetoder</a></li></ul>
</li>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/services/udvikling-og-programmering">Udvikling og programmering</a><ul>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/services/udvikling-og-programmering/cms-guide">Cms Guide</a></li></ul>
</li>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/services/design-og-animation">Design og animation</a><ul>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/services/design-og-animation/tryksager">Tryksager</a></li></ul>
</li>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/services/webhosting-outsourcing">Webmaster og outsourcing</a></li></ul>
</li>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/portfolio"><strong>Portfolio</strong><span>past projects</span></a></li>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/category/blog"><strong>Blog</strong><span>creative thinking</span></a></li>
<li class="li_item"><a class="navlink " href="http://brandnewmedia.dk/kontakt"><strong>Kontakt</strong><span>get in touch</span></a></li></ul> |
Det er altså lavet som en uordnet liste af link's som er stylet med CSS formregler.
Der findes i massevis af menuer implementeret på denne måde hos Stu Nichols:
http://www.cssplay.co.uk/
Tjek selv div. menuer på: http://www.cssplay.co.uk/menus/
</MOLOKYLE>
| |
| Kommentar Fra : molokyle |
Dato : 19-03-10 10:12 |
| | |
| Kommentar Fra : james25 |
Dato : 19-03-10 22:47 |
|
Jeg har indsat koderne i min HTML fil og lagt de udpakket mapper og filer i samme mappe. Men intet sker. Det er kun min HTML fil der vises som jeg lavede den i flash CS3... Hvad gør jeg galt tror du ?
| |
| Kommentar Fra : james25 |
Dato : 19-03-10 22:51 |
|
Jeg har erstattet min flash side med demo.htm siden og har ikke ændret i billederne eller noget andet. Og så som sagt indsat de koder i HEAD og BODY som du beskrev...
| |
| Kommentar Fra : james25 |
Dato : 19-03-10 22:59 |
| | |
| Kommentar Fra : james25 |
Dato : 20-03-10 00:16 |
|
Jeg fik begge sider til at komme frem men jeg skal have boxen op i midten af det hele... hvordan gør jeg det ? Og er der nogen mulighed for at boxen kan fungere som en knap / menu ?
| |
| Kommentar Fra : Klaudi |
Dato : 20-03-10 12:59 |
| | |
| Kommentar Fra : james25 |
Dato : 20-03-10 13:07 |
|
Det ser helt rigtig ud men hvordan får jeg den placeret i midten af min baggrund ?
Og har du nogen ide om om jeg kan bruge den som menu og knap (boxen) ?
| |
| Kommentar Fra : Klaudi |
Dato : 20-03-10 13:33 |
|
Du kan flytte boksen ved at ændre "top" og "left"
#cu3er-container {
position:absolute;
z-index:1;
width:600px;
top:150px;
left=350;
background-color:#000000;
outline:0;}
Jeg lage et link på første slide, kig i config.xml og på cu3en's side
| |
| Kommentar Fra : molokyle |
Dato : 21-03-10 08:24 |
|
'Klåge Åge' kommer lige ind over:
left=350; ..må være en fejl.
I CSS skal man angive et suffix for værdien. Altså; px (pixels), pc (pica), in, (tommer), cm (centimeter), % (procent), em (em's).
Desuden skal lighedtegnet erstattes af et kolon.
Så der skulle nok ha' stået:
left:350px;
Der samme gør sig gældende for outline egenskaben, som dog kan have devergerende værdier alt afhænging af hvilken sub-egenskab man ønsker at angive, da outline er en 'shorthand property': http://www.w3schools.com/CSS/pr_outline.asp
Det er muligt jeg kom lidt 'skævt' ind i dette spørgsmål, men jeg kan dog min CSS
</KLOGEÅGE>
| |
| Kommentar Fra : james25 |
Dato : 21-03-10 13:42 |
|
Jeg fik den rykket til midt af siden.
Men har i nogen ide om det kan lade sig gøre at bruge denne "box" som menu. Således at når jeg klikker på teksten / boksen så åbner den en et nyt movieclip der ligger ovenpå "boxen".
Dette skulle give mig muligheden for at kunne åbne flere forskellige movieclips i forhold til hvilket billede i "boxen" man trykker på... (Håber det giver mening)
Jeg bruger et tomt movieclip og laver så forskellige swf filer der kan aktiveres i det tomme movieclip. Det skal bare aktiveres ved at man trykker på billederne i "boxen"
| |
| Kommentar Fra : Klaudi |
Dato : 21-03-10 19:31 |
|
du kan bruge dette i config filen
<slide>
<url>path_to_your_image.jpg</url>
<link target="_self">your_page_link.htm</link>
<description>
<link target="_self">another_page_link.htm</link>
<heading>This is my heading text</heading>
<paragraph>Paragraph text goes here!</paragraph>
</description>
</slide>
du kan åbne på en ny side(nyt vindue) eller den side du kommer fra bli'r erstattet af en ny side
| |
| Kommentar Fra : james25 |
Dato : 22-03-10 13:52 |
|
Denne linker da til htm side og ikke en swf fil ik ?
Kan jeg bare linke til en swf fil med den kode eller ? Og koden skal vel også indeholde en henvisning til i hvilket tomt movieclip swf filen skal åbnes i eller ?
| |
| Accepteret svar Fra : Klaudi | Modtaget 500 point Dato : 22-03-10 14:08 |
|
Jo den linker til HTML side, det er jo det der er formålet med cu3en,
du kan da prøve at linke til swf fil eller lave en HTML fil med swf koden i,
og så kalde den kode og lade den åbne i et vindue
| |
| Godkendelse af svar Fra : james25 |
Dato : 22-03-10 14:25 |
|
Jeg prøver mig lidt frem... Tusind tak for alle svarene. Der kommer nok flere fra min side af...
| |
| Kommentar Fra : Klaudi |
Dato : 22-03-10 14:47 |
| | |
| Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|