Geekissimo

53 tecniche CSS per tutti gli usi

 
Shor (Angelo Di Veroli)
11 Aprile 2007
12 commenti
Ecco una bellissima lista di 53 tecniche CSS da utilizzare per i vostri siti Web o Blog. In ogni sito c’è un tutorial su come eseguire e compilare il codice per ottenere quello che vedete negli screenshots sottostanti.
Ecco a voi la lista:

1. CSS Based Navigation

2. Navigation Matrix Reloaded

3. CSS Tabs

4. CSS Bar Graphs (CSS For Bar Graphs)

5. Collapsing Tables: An Example

6. Adam’s Radio & Checkbox Customisation Method

7. CSS Image Replacement

8. CSS Shadows (CSS Shadows Roundup)

9. CSS Rounded Corners Roundup (Nifty Corners)

10. Drop Cap – Capital Letters with CSS

11. Define Image Opacity with CSS

12. How to Create a Block Hover Effect for a List of Links

13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS

14. CSS Diagrams

15. CSS Curves

16. Footer Stick

17. CSS Image Map

18. CSS Image Pop-Up

19. CSS Image Preloader

20. CSS Image Replacement for Buttons

21. Link Thumbnail

22. CSS Map Pop

23. PHP-based CSS Style Switcher

24. CSS Unordered List Calender (CSS Styled Calender)

25. CSS-Based Forms: Techniques

26. CSS-Based Tables: Techniques

27. Printing Web-Documents and CSS

28. Improved Links-Display for Print-Layouts with CSS

29. CSS-Submit Buttons

30. CSS Teaser Box

31. CSS Tricks for Custom Bullets

32. Ticked Off Links Reloaded

33. CSS Zooming

34. Creating a Star Rater using CSS

35. The ways to style visited Links

36. PDF, ZIP, DOC Links Labeling

37. Displaying Percentages with CSS

38. Image Floats without the Text Wrap

39. Let visitors decide, whether or not will they open link in a new window

40. Simple accessible external links

41. Zebra Table with JavaScript and CSS

42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS

43. Unobtrusive Sidenotes

44. Image Caption with CSS (Styled Images with Caption)

45. Dynamic Piechart with CSS

46. Format Footnotes with CSS

47. Hierarchical Sitemap with CSS

48. Snook’s Resizable Underlines

49. Switchy McLayout: An Adaptive Layout Technique

50. StyleMap: CSS+HTML Visual Sitemap

51. Custom Reading Width

52. CSS Alert Message

53. CSS Production Notes

Categorie:
Potrebbe interessarti anche
Articoli Correlati
Applicare un effetto francobollo alle immagini in css

Applicare un effetto francobollo alle immagini in css

Era da un bel po di tempo che non segnalavo qualche tecnica per applicare effetti alle immagini in css. Oggi voglio spiegarvi come applicare un effetto francobollo alle immagini in […]

Video Tutorial: come modificare il tema wordpress in 5 minuti con FireBug

Video Tutorial: come modificare il tema wordpress in 5 minuti con FireBug

Dopo avermi segnalato la guida su come creare e utilizzare più profili contemporaneamente in Firefox, Daniele Salamina, mi avverte che ha creato un Video Tutorial su come modificare il proprio […]

Bottoni sexy con CSS

Bottoni sexy con CSS

Geekissimo Dopo la guida sull’effetto opaco per immagini con Css e la guida sull’effetto Popup sulle immagini con CSS, eccone un altra molto utile. Grazie a questa guida potremo realizzare […]

Effetto Popup sulle immagini con CSS

Effetto Popup sulle immagini con CSS

Qui potete aggiungere una descrizione Dopo la guida della scorsa settimana sull’effetto opaco per le immagini con Css, oggi vi spiegherò come applicare un effetto popup alle immagini sempre con […]

Arkanoid in DHTML!

Arkanoid in DHTML!

Il celebre gioco Arkanoid, creato dalla Taito nel 1987 è stato ricreato con codice DHTML. Avete capito bene, un videogames programmato con un insieme di codice Html, Css e Javascripts! […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #1maopapof

    sempre colpisci nel segno , di cose utili ed interessanti……. però qualche suggerimento per poterli utilizzare….oppure una guida passo passo ????
    ciaux e grazie

    14 Apr 2007, 11:31 am Rispondi|Quota
  • #2Shor

    Guarda in quasi tutte le 53 tecniche ci sta il codice con la guida, infatti in alcune come la prima per esempio non ci sta.

    Quando non trovi guide come in questo caso è semplice comunque, basta che visualizzi il codice della sorgente pagina e copi la parte che t’interessa.
    Ciao 🙂

    14 Apr 2007, 12:02 pm Rispondi|Quota
  • #3maopapof

    con i rigraziamenti shor….. se poi ci trovi qualcosa sugli editorHTML o XHTML / che accettino modifiche sui codici ( oltre x5 … molto interess ma troppo standard )
    ciao e grazie………….. :O)

    16 Apr 2007, 1:51 pm Rispondi|Quota
  • #4Fabrizio

    Ottima lista!

    22 Dic 2007, 10:53 pm Rispondi|Quota
  • #5Anitha

    Thank you for the information……….

    8 Lug 2010, 7:33 am Rispondi|Quota
  • #6StromLem

    [url=https://stromectolgf.com/#]ivermectin brand name[/url] ivermectin humans

    7 Giu 2022, 12:26 pm Rispondi|Quota
  • #7MichealGlach

    [url=https://gabapentin.icu/#]neurontin 10 mg[/url] neurontin price

    30 Giu 2022, 12:42 pm Rispondi|Quota
  • #8MichealGlach

    [url=https://erectionpills.best/#]best ed pills at gnc[/url] ed dysfunction treatment

    3 Lug 2022, 6:09 pm Rispondi|Quota
  • #9MichealGlach

    [url=https://gabapentin.icu/#]neurontin 1200 mg[/url] generic gabapentin

    6 Lug 2022, 7:57 pm Rispondi|Quota
  • #10KeithGlove

    [url=https://allpharm.store/#]Dipyridamole[/url] Speman

    23 Lug 2022, 2:46 am Rispondi|Quota
  • #11Geraldpex

    [url=https://erectionpills.shop/#]treatment of ed[/url] erectile dysfunction drug

    24 Lug 2022, 11:10 am Rispondi|Quota
  • #12Geraldpex

    [url=https://erectionpills.shop/#]erectile dysfunction medications[/url] cheap ed drugs

    25 Lug 2022, 8:10 pm Rispondi|Quota