Archivi tag: css

Menu e navigazione con CSS

La navigazione è il più importante elemento dei siti web. Ci sono molti modi di creazione navigazioni e menu ma in questo articolo sono elencati i migliori tutorial per creare navigazioni e menu con CSS3.

 

Tutorial per realizzare Navigazioni e Menu CSS3

How to Create a CSS3 Tabbed Navigation

CSS3 Navigation Tutorials

How to Create a CSS3 Wheel Menu

CSS3 Navigation Tutorials

How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

CSS3 Navigation Tutorials

DARK MENU: PURE CSS3 TWO LEVEL MENU [TUTORIAL]

CSS3 Navigation Tutorials

Making a CSS3 Animated Menu

CSS3 Navigation Tutorials

The Apple.com navigation menu created using only CSS3

CSS3 Navigation Tutorials

CSS3 dropdown menu

CSS3 Navigation Tutorials

Create A Rocking Drop Down Navigation Menu Using Css3

CSS3 Navigation Tutorials

Pure CSS3 Multi Level Drop Down Navigation Menu

CSS3 Navigation Tutorials

Dark Navigation Buttons

CSS3 Navigation Tutorials

Sexy CSS3 menu

CSS3 Navigation Tutorials

Clean, sleek CSS3 navigation with some simple JQuery

CSS3 Navigation Tutorials

CSS3 Minimalistic Navigation Menu

CSS3 Navigation Tutorials

CSS3 Dropdown Menu

CSS3 Navigation Tutorials

Creating an Awesome Drop-Down Nav with CSS3 & jQuery

CSS3 Navigation Tutorials

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

CSS3 Navigation Tutorials

Creating A CSS3 Dropdown Menu #4

CSS3 Navigation Tutorials

Creating CSS3 Dropdown Menu #3

CSS3 Navigation Tutorials

RocketBar – A jQuery And CSS3 Persistent Navigation Menu

CSS3 Navigation Tutorials

Creating a cool CSS3 Dropdown Menu

CSS3 Navigation Tutorials

Fonte:

http://www.queness.com/community-news/8425/20-cool-css3-navigation-and-menu-tutorials

Creare delle slide con HTML e CSS (simile a una presentazione power point)

In questo articolo voglio proprorvi un interessante articolo che spiega come realizzare con CSS e HTML una presentazione con delle slide simile a una presentazione power point.

 

The Business of WordPress Theme Design

Link: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-presentation-slides-with-html-and-css-2/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nettuts+%28Nettuts%2B%29&utm_content=Google+Reader

Trucco per inserire della variabili nei CSS

Vediamo di seguito un trucco per utilizzare delle variabili all’interno di file CSS.

style.php

Invece di utilizzare un normale file .css, è necessario utilizzare un file con estensione . php

Quindi aggiungerlo nel file .html con il seguente codice:

<link rel='stylesheet' type='text/css' href='css/style.php' />

Content Type

All’inizio del file style.php scrivere il seguente codice:

<?php
    header("Content-type: text/css; charset: UTF-8");
?>

Inizializzazione Variabili

<?php
    header("Content-type: text/css; charset: UTF-8");

   $brandColor = "#990000";
   $linkColor = "#555555";
   $CDNURL = "http://cdn.blahblah.net";
?>

Uso delle variabili

#header {
   background: url("<?php echo $CDNURL; ?>/images/header-bg.png") no-repeat;
}
a {
  color: <?php echo $linkColor; ?>;
}

...

ul#main-nav li a {
  color: <?php echo $linkColor; ?>;
}

Fonte: http://css-tricks.com/