Importera CSS-filer i CSS

Ibland vill man strukturera upp sina .css filer i sin hemsida.

Låt oss säga att du har main.css:


body{
background-color:#fff;
}

p{
color:#fff;
}

.navigation{
float:left;
}

p{
color:#000;
}

----------------------------------------------------


Skapa nu två nya css filer som heter exempelvis navigation.css och custom.css


Flytta över .navigation{float:left;} till den nya navigation.css filen, vice versa med p{color:#000} till custom.css


----------------------------------------------------


Gå tillbaka till din main.css och ändra så det ser ut såhär:


body{
background-color:#fff;
color:#fff;
}
/* CSS för navigation */

@import url('navigation.css');


/*CSS för custom, måste ligga längst ner för att skriva över resten*/
@import url('custom.css');

-------------------------------------------------

med @import url så hämtar man css filer som ligger relativt (styles/custom.se) eller utanför servern (http://adress.css)

Googles väderplugin

Kod för googles väderplugin med php + html.
Endast att kopiera och klistra in.



<?php
$placename = 'Stockholm'; // ÅÄÖ går att använda
$place=urlencode($placename);
$lang= 'sv';
$place = utf8_encode($place);
$url = 'http://www.google.com/ig/api?weather='.$place.'&hl='.$lang.'';
$ch = curl_init();
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt ($ch, CURLOPT_URL, $url);
curl_setopt ($ch, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);
curl_setopt ($ch, CURLOPT_TIMEOUT, 60);
curl_setopt ($ch, CURLOPT_FOLLOWLOCATION, 0);
$raw_data = curl_exec ($ch);
curl_close ($ch);

$xml = simplexml_load_string($raw_data);
$data = $xml->weather->current_conditions;

$temp = $data->temp_c['data'];
  $img = 'http://img0.gmodules.com/' . $data->icon['data'];
$wind = $data->wind_condition['data'];

?>
<div id="weatherbox" style="margin-left:30px;">
    <div id="weatherimage" style="float:left; margin-right:5px;">
<?php echo '<img src='.$img.'>'; ?>
 </div>
  <div id="weathertemp" style="float:left;">
<?php echo $temp.'&deg;';?>
 </div>
 <br />
<div id="weatherwind" style="float:left">
<?php echo $wind; ?>
 </div>
</div>