Simple diskret TabStrip

Torsdag den 14. august 2008

USimpleTabStrip er en diskret JavaScript for at forbedre den klassiske anker link (endnu) i et HTML-side. Denne kilde er en forbedring af funktionen præsenteres i diskret TabStrip. I denne version såvel at tilpasse koden til release 1.6 af prototype.js har skabt et reelt klasse til at forvalte TabStrip. Frigivelsen her er meget enkel og ligetil. Dets vigtigste arbejde ligger i at tilføje en begivenhed, skal du klikke på den normale link anker. Er heller ikke fremlagt CSS stilarter, lige til at forlade den maksimale frihed til, men du kan få en effektiv TabStrip med par linjer af CSS tilføje, se Tilføjelse CSS stil nedenfor.

HTML-kode

Klassen USimpleTabStrip arbejder på en meget simpel HTML, ankeret sftuttando <a name></a>

HTML:
  1. <! - Simple liste over links på siden ->
  2. > Link 1 </a> </li> <li> <a href = "#tbs1"> Link 1 </ a> </ li>
  3. > Link 2 </a> </li> <li> <a href = "#tbs2"> Link 2 </ a> </ li>
  4. > Link 3 </a> </li> <li> <a href = "#tbs3"> Link 3 </ a> </ li>
  5. </ Ul>
  6. <! - Blokke / faner ->
  7. > </a> <a name = "tbs1"> </ a>
  8. <h1> Card # 1 </ h1>
  9. <p> Bla bla bla .... </ p>
  10. </ Div>
  11. > </a> <a name = "tbs2"> </ a>
  12. <h1> Card # 2 </ h1>
  13. <p> Bla bla bla .... </ p>
  14. </ Div>
  15. > </a> <a name = "tbs3"> </ a>
  16. <h1> Card # 3 </ h1>
  17. <p> Bla bla bla .... </ p>
  18. </ Div>

Koden div lige under ankeret a arbejde fra beholderen.

Fortsæt læsning ... "

Related Post

Actionscript 3.0 for begyndere: lektion # 1

Fredag den 8. august 2008

Abstract

Actionscript 3.0 kan være et godt udgangspunkt for praktisk muligt, som ikke er praktisk programmering C og / eller C + +, programmering orioentata objekter (OOP). Desuden er denne række lektioner vil være nyttigt for dem, der kommer fra andre rum eller fra tidligere versioner af Flash.

Oprettet et projekt

I denne første lektion vil vi se, hvordan man opretter en generisk Flash CS3. Det er godt at bruge, når de projekter, der forventes at have at gøre med i det mindste mere end én fil. Brugen af projekterne er blevet indført - fra Macromedia - allerede i versioner før CS3, så det bør være underlagt kendte udviklere Actionscript 2.0.
Anyway med Actionscript 3.0 - som vi skal se - du kan tilknytte en fil Actionscript (. As) hoveddokumentet-film, er vores. FLA f.eks. Denne funktion er meget nyttig og giver en minimal projekt også består af to filer: a. FLA og. Som associate. Af denne grund er det altid fra et projekt, så man straks organisere de forskellige filer (. Fla. Ãs, ...), som vil blive en del af vores pakke af udvikling.
Desuden, når dimesticazza med filosofien i genstande, instrinseca i denne type sprog vil stå tilbage med mange standard fil, selv for simple projekter betydeligt.

Fortsæt læsning ... "

Related Post

Brug WordPress skabelon for at oprette et Sitemap

Onsdag den 16. juli 2008

Er der en funktion i WordPress, til tider forsømte, hvilket gør det meget alsidigt, især for dem, der skaber temaer: brugen af en skabelon! En skabelon er blot en fil i mappen af temaet. At identificere den som en skabelon, blot indsætte filen til en særlig bemærkning i PHP:

PHP:
  1. / *
  2. Template Name: Sitemap
  3. * /

Drage fordel af denne funktion kan du oprette en tom side, med standard procedure i WordPress, og forbinder til vores skabelon. Hvis du opretter en fil, f.eks sitemap.php (tilføjelse af bemærkning nævnt ovenfor) og indlæses i mappen for dit tema, du vil bemærke, at redaktøren WordPress, når du opretter en side (ikke en post) menuen Skabelon (nedenfor) vil indeholde navnet på den skabelon fil indlæses. Som nævnt i afsnittet skabelon:

Nogle temaer har brugerdefinerede skabeloner, som du kan bruge til bestemte sider, som kan indeholde yderligere funktioner eller brugerdefineret grafik. [...]

I, for eksempel, jeg brugte denne funktion til at skabe en dynamisk side (som kører koden og PHP) kan vise en reel sitemap blog.

Oprettelse af et Sitemap side

Først og fremmest skal du oprette en fil sitemap.php og belastning inde i mappen for dit tema. Wordpress skabt af administrationen i en ny side, give det et navn og vælge den skabelon menu, som er placeret under editor! Færdig!

Den skabelon, som en del af det tema, der også indeholder hele strukturen i det samme tema, og det er derfor vigtigt at kende skriftligt korrekt. Men her er et skelet af et Sitemap, kan du ændre baseret på det tema, du har installeret:

HTML:
  1. <? Php
  2. / *
  3. Template Name: Sitemap
  4. * /
  5. >
  6. <? Php get_header ();?>
  7. > <div id = "content">
  8. : while ( have_posts ( ) ) : the_post ( ) ; ? > <? Php if (have_posts ()): while (have_posts ()): the_post ();?>
  9. id = "post-<?php the_ID(); ?> "> <div class = "post" id = "post-<? php the_ID ();?>>
  10. <h2> <? php the_title ();?> </ h2>
  11. <?php the_time('lj F, Y') ?> </small> <small class=" date-time "> <? php the_time ( 'lj F, Y')?> </ small>
  12. <div class=" indrejse ">
  13. ?php bloginfo ( 'url' ) ; ? > " alt=" < ?php bloginfo ( 'name' ) ; ? > ">Home </a> </strong> </p> <p> <strong> <a href = "<? php bloginfo ( 'url');?>" alt =" <? php bloginfo (' navn');?>> Home </ a> </ strong> </ p>
  14. <h4> Sider </ h4>
  15. ) ; ? > <? Php wp_list_pages ( 'title_li =');?>
  16. </ Ul>
  17. <h4> Post </ h4>
  18. ) ; <? Php $ archive_query = new WP_Query ( 'showposts = 1000');
  19. have_posts()) : $archive_query->the_post(); ?> while ($ archive_query-> have_posts ()): $ archive_query-> the_post ();?>
  20. " rel="bookmark" title="Permanent Link to <?php the_title(); ?> "> <?php the_title(); ?> </a> </li> <li> <a href = "<? php the_permalink ()?>" rel =" bookmark "title =" Permanent Link to <? php the_title ();?>"> <? php the_title ();?> </ a> </ li>
  21. <? Php endwhile;?>
  22. </ Ul>
  23. <h4> Månedlig Arkiv </ h4>
  24. <ul>
  25. <? Php wp_get_archives ( 'type = månedlige');?>
  26. </ Ul>
  27. <h4> Kategorier </ h4>
  28. <ul>
  29. <? Php wp_list_categories ( 'title_li = 0');?>
  30. </ Ul>
  31. RSS Feeds <h4> / FeedBurner </ h4>
  32. <ul>
  33. ?php bloginfo ( 'rdf_url' ) ; ? > " alt="RDF/RSS 1.0 feed"> <acronym title = "Resource Description Framework" > RDF </acronym> / <acronym title = "Really Simple Syndication" > RSS </acronym> 1.0 feed </a> </li> <li> <a href = "<? php bloginfo ( 'rdf_url');?>" alt =" RDF / RSS 1.0 feed "> <acronym title = "Resource Beskrivelse Framework"> RDF </ acronym> / <akronym titel = "Really Simple Syndication"> RSS </ acronym> 1,0 feed </ a> </ li>
  34. " alt="RSS 0.92 feed"> <acronym title=" Really Simple Syndication "> RSS </acronym> 0.92 feed </a> </li> <li> <a href = "<? php bloginfo ( 'rss_url');?>" alt =" RSS 0.92 feed "> <acronym title=" "> Really Simple Syndication RSS </ acronym> 0.92 feed </ a> </ li>
  35. ?php bloginfo ( 'rss2_url' ) ; ? > " alt="RSS 2.0 feed"> <acronym title = "Really Simple Syndication" > RSS </acronym> 2.0 feed </a> </li> <li> <a href = "<? php bloginfo ( 'rss2_url');?>" alt =" RSS 2.0 feed "> <acronym title = "Really Simpelt Syndication"> RSS </ acronym> 2,0 feed </ a> </ li>
  36. " alt="Atom feed">Atom feed </a> </li> <li> <a href = "<? php bloginfo ( 'atom_url');?>" alt =" Atom-feed "> Atom feed </ a> </ li>
  37. </ Ul>
  38. </ Div>
  39. </ Div>
  40. <? Php endwhile; endif;?>
  41. </ Div>
  42. <? Php get_sidebar (); get_footer ();?>

Related Post

Photoshop Tutorial: teknikker til refleksion

Mandag den 30. juni 2008

Fra Apple Web 2,0 billeder "udtryk" har oversvømmet Intrenet. Ofte misbruges stadig imponerende. Vide, hvordan man kan gøre en god forretning er ikke komplicerede, og med en pizzoco fancy, kan du gøre det mindre "indlysende" og "tilbagediskonterede" ... Hvis du ikke kan undvære.

Grundlaget for Reflex

Først og fremmest kan vi se, hvordan du indstiller en afspejling grundlag. Teknikken til at fastsætte en grundlæggende refleksion, mindst en favorit og jeg bruger konstant, er enkel og hurtig implementering. Denne metode giver maksimal frihed til senere ændringer og opretholde gennemsigtigheden i tilfælde af, at du vil gemme billedet i PNG-24 med gennemsigtighed.

Loading Flash Player ...

1. Som altid åben Phosotoshop og indlæse det billede, vi ønsker at afspejle på en speciel lag
2. vores Dubler lag (trække det lag, der skal overføres til den image ) Og nominiamolo "skygge" eller "refleks"
3. Fra menuen Rediger skal du vælge "Konverter" / "Vend lodret"
4. Træk det nye lag "refleks" i den oprindelige lag og spostiamolo grundlag af den oprindelige lag
5. lag vælge "refleks" og holde ALT-tasten nede, skal du tilføje en maske ved at klikke på image "maske" i værktøjet vindue lag, lag "refleks" bør forsvinde
6. vælge den maske lag i "refleks", og klik på image påfyldning
7. nedsat en skygge fra sort til hvid eller gennemsigtig: image
8. spore skyggen fra midten af den oprindelige lag i det midterste lag af "refleks"

Fortsæt læsning ... "

Related Post

Tekst erstatning Teknikker i Flash

Wednesday, June 25, 2008

Teknikken i Tekst erstatning jeg fremlægger i dag, er i visse henseender, meget interessant. I modsætning til det klassiske billede at erstatte gennem CSS, denne teknik bruger en Flash-filmen for at tilsidesætte titlerne på vores hjemmeside. På trods af at være en smule mere, fordi det kræver oprettelse af et Flash-film og brug af Javascript, at opnå en række fordele ikke ligeglade:

  • Opretholde den "tilgængelighed af webstedet ved hjælp af en True-diskret Javascript så crawlers og spiders fortsætte med at se den side, så enkel og korrekt HTML
  • Det kræver ikke, at oprettelsen af billeder for n n titler. Kun én film til at erstatte alle de titler af webstedet, med betydelige besparelser i form af downloads
  • Giver dig mulighed for at skabe enkle titler med Skrifttype men normalt ikke bruges på internettet
  • Teksten kan gøres i HTML, takket være de elementer i Flash
  • Teksten er valgbar
  • Som en Flash film, kan du tilføje interaktivitet og animation af nogen art

Meddelelse også, at denne procedure i CSS ikke er praktisk taget højde!

Fortsæt læsning ... "

Related Post

Flash CS3: at skabe en virkning på nogen movieclip Reflex

Onsdag den 4. juni 2008

Drage fordel af et betydeligt element i Actionscript 3.0 (se Actionscript 3.0: alt med den nye operatør) Jeg har oprettet en klasse ReflexMe stand til at generere en "betænkningstid" på enhver movieclip i biblioteket.

Loading Flash Player ...

Kilden er en del af pakken undolibrary - GoogleCode om dette - men hvis du vil kan du downloade en enkelt fil ReflexMe.as.

Fortsæt læsning ... "

Related Post

Oprettelse af brugerdefinerede begivenheder i Actionscript 3.0

Søndag 18. maj, 2008

Oprettelse af brugerdefinerede begivenheder i Actionscript 3.0 er enkel. Brug også mulighed for at bruge addEventListener() og gøre til genstand for alle vores standarder. Hvis vi skaber en klasse, såsom Bottone den er forbundet med dette en eller flere begivenheder via en særlig klasse (der stammer fra klassen Event BottoneEvent Vi kunne gøre alle de begivenheder, som påvirker driften af vores emne: klikket, musen hen over, eller enhver anden begivenhed! Også definere vores personlige konstant. Skelettet - generisk - en brugerdefineret klasse begivenhed er:

Actionscript:
  1. pakke (
  2. / *
  3. ** @ Navn: BottoneEvent.as
  4. ** @ Beskrivelse: Klasse afledt Event at styre deres egne brugerdefinerede begivenhed
  5. ** @ Udsteder: = fortryde =
  6. ** @ Web: http://www.undolog.com
  7. ** @ Email: @ g.fazioli undolog.com
  8. * /
  9. .*; import flash.. * begivenheder;
  10. BottoneEvent extends Event { offentlige klasse BottoneEvent udvider Event (
  11. = 'pluto' ; // codice qualsiasi, anche 'mioevento' in minuscolo offentlige statisk const MIOEVENTO: String = 'Pluto', / / enhver kode, herunder 'mioevento "med små bogstaver
  12. Valore: Number = NaN ; offentlige var Værdi: Antal = NaN;
  13. / *
  14. ** @ Navn: BottoneEvent
  15. ** @ Beskrivelse: konstruktørens
  16. * /
  17. BottoneEvent ( type : String , v: Number , bubbles: Boolean = false , cancelable: Boolean = false ) : void { offentlig funktion BottoneEvent (type: String, v: Antal, bobler: Boolean = false, Cancelable: Boolean = false): void (
  18. type , bubbles, cancelable ) ; super (type, bobler, Cancelable);
  19. = v; dette. Værdi = v;
  20. )
  21. / *
  22. ** @ Override
  23. * /
  24. clone ( ) :Event { override offentlig funktion klon (): Event (
  25. KnobEvent ( this . type , this . Value , this . bubbles , this . cancelable ) ; tilbagevenden nye KnobEvent (this. type, udgør dette. Value, dette. bobler, dette. Cancelable);
  26. )
  27. )
  28. )

Fortsæt læsning ... "

Related Post

Lagring af filer i Flash CS3

Mandag den 31. marts, 2008

Flash CS3 med brugen af Bitmap er så forbedret, at du umiddelbart ønsker at skabe en lille Paint. Vi har allerede set, hvordan en lille Paint (se Oprettelse af en ansøgning i Flash CS3 Paint Painter: simpel ansøgning om tegning i Flash CS3 Pro) kan støtte en sand "annullere" - slette funktion takket være en særlig anvendelse af lag Shape og Bitmap Lad os sige, at Flash (i modsætning til Flex) de ikke giver mulighed for kodning (type JPG eller PNG) vil automatisk gemme billeder Bitmap. Men du kan arbejde omkring forhindringen ved hjælp af en server-side scripting og evnen til at sende data til Flash i POST. Fortsæt læsning ... "

Related Post

Flash CS3: at skabe TV tåge virkning i 1 sekund

Torsdag den 27. marts 2008

Flash CS3 er ikke enden på overraskelse. Sådan gør du for at skabe det klassiske tåge virkning af tv i en anden med 10 linjer kode.

Loading Flash Player ...

Actionscript:
  1. . Bitmap ; import flash. display. bitmaps;
  2. . BitmapData ; import flash. display. BitmapData;
  3. / /
  4. BitmapData ( 320 , 256 ) ; var bmpd: BitmapData = new BitmapData (320, 256);
  5. Bitmap ( bmpd ) ; var bmp: Bitmap = new Bitmap (bmpd);
  6. / /
  7. ; addChild (bmp);
  8. / /
  9. Event. ENTER_FRAME , bmp. addEventListener (Event. ENTER_FRAME,
  10. e :Event ) : void { funktion (e: Event): void (
  11. Math . random ( ) * 1000 , 0 , 200 , 7 , true ) ; bmpd. støj (Math. random () * 1000, 0, 200, 7, true);
  12. )
  13. );

Related Post

Photoshop tutorial: virkning foldede ark

Fredag den 7. marts 2008

image Adobe Photoshop er et fantastisk redskab, og giver dig mulighed for at opnå virkelig fængslende virkning. For at opnå den virkning, bøjning af et ark papir i virkeligheden, kan vi bruge værktøjet omdannelse til "bend" - i virkeligheden - et lag. Med nogle små foranstaltning, vi kan gøre virkning virkelig realistisk. Billederne præsenteret her senere i denne tutorial er for eksempel, og blev gennemført i lav opløsning. At forbedre virkning ved hjælp af en høj opløsning, således at størrelsen på billedet for at få en bøde og antialiasing på kanterne.

Fortsæt læsning ... "

Related Post