301 lines
8.9 KiB
HTML
301 lines
8.9 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Association Bloc-House - Les ateliers éphémères - Interstices</title>
|
|
|
|
<meta
|
|
name="description"
|
|
content="Page présentant les interstices de l'association Bloc-House à Sceaux"
|
|
/>
|
|
<meta
|
|
name="Author"
|
|
content="L'association Bloc-House - présentation des interstices"
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="Bloc-House, ateliers éphémères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Christophe Bogdan, Margot Montenoise, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES "
|
|
/>
|
|
<link rel="shortcut icon" href="images/iconw.png" />
|
|
<link
|
|
rel="stylesheet"
|
|
media="screen"
|
|
type="text/css"
|
|
href="css/styles.css"
|
|
title="Design"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
media="screen"
|
|
type="text/css"
|
|
href="css/page_interstices.css"
|
|
title="Design"
|
|
/>
|
|
|
|
<script type="text/javascript" src="javascript/tools.js"></script>
|
|
|
|
<!--<script type="text/javascript" src="javascript/jquery.js"></script>
|
|
<script type="text/javascript" src="javascript/easySlider1.7.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$("#slider").easySlider({
|
|
auto: true,
|
|
continuous: true
|
|
});
|
|
});
|
|
</script>-->
|
|
|
|
<script type="text/javascript">
|
|
<!--
|
|
function preload() {
|
|
if (document.images) {
|
|
tabImages = new Array();
|
|
for (var i = 0; i < preload.arguments.length; i++) {
|
|
tabImages[i] = new Image();
|
|
tabImages[i].src = preload.arguments[i];
|
|
}
|
|
}
|
|
}
|
|
|
|
var tabImages = new Array();
|
|
preload(
|
|
"images/logo_bloc_house.png",
|
|
"images/fond1.png",
|
|
"images/mail.png",
|
|
"images/interstices/interstices1.jpg",
|
|
"images/interstices/interstices2.jpg",
|
|
"images/interstices/interstices3.jpg",
|
|
"images/interstices/interstices4.jpg",
|
|
"images/interstices/interstices5.jpg",
|
|
"images/interstices/interstices6.jpg",
|
|
"images/interstices/interstices7.jpg",
|
|
"images/interstices/interstices8.jpg",
|
|
);
|
|
//-->
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
var _gaq = _gaq || [];
|
|
_gaq.push(["_setAccount", "UA-31878743-1"]);
|
|
_gaq.push(["_trackPageview"]);
|
|
|
|
(function () {
|
|
var ga = document.createElement("script");
|
|
ga.type = "text/javascript";
|
|
ga.async = true;
|
|
ga.src =
|
|
("https:" == document.location.protocol
|
|
? "https://ssl"
|
|
: "http://www") + ".google-analytics.com/ga.js";
|
|
var s = document.getElementsByTagName("script")[0];
|
|
s.parentNode.insertBefore(ga, s);
|
|
})();
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="javascript: initSurvol(0);">
|
|
<div id="global">
|
|
<div id="left">
|
|
<div id="logo">
|
|
<img
|
|
src="images/logo_bloc_house.png"
|
|
alt="Logo Bloc-House"
|
|
width="223"
|
|
height="47"
|
|
/>
|
|
</div>
|
|
<div class="trait"></div>
|
|
<div class="menu">
|
|
<a href="index.html" title="Retour à la page d'accueil">ACCUEIL</a>
|
|
</div>
|
|
<div class="trait1"></div>
|
|
<div class="menu">
|
|
<a href="ateliers.html" title="Accéder à la page ateliers"
|
|
>ATELIERS</a
|
|
>
|
|
</div>
|
|
<div class="trait1"></div>
|
|
<div class="menu">
|
|
<a href="manifestations.html" title="Accéder à la page manifestations"
|
|
>MANIFESTATIONS</a
|
|
>
|
|
</div>
|
|
<div class="trait1"></div>
|
|
<div class="menu">
|
|
<a href="artistes.html" title="Accéder à la page artistes"
|
|
>ARTISTES</a
|
|
>
|
|
</div>
|
|
<div class="trait1"></div>
|
|
<div class="menu">INTERSTICES</div>
|
|
<div class="trait1"></div>
|
|
<div class="menu">
|
|
<a href="contact.html" title="Accéder à la page contact"
|
|
>CONTACT - INFOS</a
|
|
>
|
|
</div>
|
|
<div class="trait1"></div>
|
|
<div class="menu">
|
|
<a href="partenaires.html" title="Accéder à la page partenaires"
|
|
>PARTENAIRES</a
|
|
>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="left_bottom1" style="margin-top:25px;">
|
|
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a></div>
|
|
</div>
|
|
-->
|
|
|
|
<div class="left_bottom1" style="margin-top: 25px">
|
|
<img
|
|
class="icone"
|
|
style="margin-left: 12px"
|
|
src="images/mail.png"
|
|
alt="icone mailbox"
|
|
width="28"
|
|
height="18"
|
|
/>
|
|
<div class="sousmenu" style="margin-top: 5px">
|
|
<a
|
|
href="mailto:blochouseprojects@yahoo.com"
|
|
title="Envoyer un mail à l'association Bloc-House"
|
|
>
|
|
blochouseprojects@yahoo.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- fin left -->
|
|
</div>
|
|
|
|
<div id="right">
|
|
<div id="content_inter">
|
|
<div id="interstice">
|
|
<img
|
|
id="survol"
|
|
src=""
|
|
alt="images interstices"
|
|
width="500"
|
|
height="520"
|
|
/>
|
|
</div>
|
|
|
|
<div id="chiffres">
|
|
<p style="margin-top: 3px">
|
|
<a
|
|
href="#"
|
|
title="interstice 01"
|
|
onmouseover="javascript: text_over(1);"
|
|
>I 1</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="#"
|
|
title="interstice 02"
|
|
onmouseover="javascript: text_over(2);"
|
|
>I 2</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="#"
|
|
title="interstice 03"
|
|
onmouseover="javascript: text_over(3);"
|
|
>I 3</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="#"
|
|
title="interstice 04"
|
|
onmouseover="javascript: text_over(4);"
|
|
>I 4</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="#"
|
|
title="interstice 05"
|
|
onmouseover="javascript: text_over(5);"
|
|
>I 5</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="#"
|
|
title="interstice 06"
|
|
onmouseover="javascript: text_over(6);"
|
|
>I 6</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="#"
|
|
title="interstice 07"
|
|
onmouseover="javascript: text_over(7);"
|
|
>I 7</a
|
|
>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- fin content -->
|
|
</div>
|
|
|
|
<!-- pour ajouter une image
|
|
ajouter cette ligne ci-dessous au code avant la balise </div>
|
|
<p><a href="#" title="interstice 08" onmouseover="javascript:text_over(8);">I 8</a></p>
|
|
|
|
pour les images suivantes, le même code en augmentant tous les chiffre de +1
|
|
|
|
ensuite aller dans la feuille de style styles.css
|
|
et réduire la valeur margin-bottom, à vérifier après la mise en ligne afin que la liste s'ajuste à la page
|
|
|
|
#chiffres p{
|
|
font-size:18px;
|
|
font-weight:normal;
|
|
>> margin-bottom:60px;
|
|
}
|
|
|
|
#chiffres p a{
|
|
color:#000000;
|
|
font-size:18px;
|
|
font-weight:normal;
|
|
>> margin-bottom:60px;
|
|
text-decoration:none;
|
|
}
|
|
|
|
ensuite aller dans javascript/tools.js
|
|
|
|
et voir la suite y décrite
|
|
-->
|
|
|
|
<div id="trait_vertical" style="margin-left: 50px"></div>
|
|
<!-- fin right -->
|
|
</div>
|
|
<div id="bottom">
|
|
<img
|
|
class="icone1"
|
|
src="images/logo_carre2.png"
|
|
alt="logo association"
|
|
width="33"
|
|
height="33"
|
|
/>
|
|
<div
|
|
class="adress"
|
|
style="float: left; margin-top: 18px; margin-left: 8px"
|
|
>
|
|
<span style="font-weight: bold"
|
|
>Association BLOC-HOUSE, Les Ateliers Éphémères, </span
|
|
>54 rue de Bagneux, 92330 Sceaux
|
|
</div>
|
|
|
|
<!-- fin bottom -->
|
|
</div>
|
|
|
|
<!-- fin global -->
|
|
</div>
|
|
</body>
|
|
</html>
|