Featured

Smashing Revista

Enviado por Pedro de La Celle el Domingo, el 5 de octubre de 2008

Yo quería verdaderamente señalárselo, el sitio de Smashing Magazine es una perla para quienquiera se interesa por el grafismo …
Tutos, recursos gráficos gratuitos, lazos en todo género. ¡Total, es el clubic del grafismo! Me regalé a trabajar en su material puesto a dispo, todo es extrèmement bien atado y documentado. Je me suis régalé à travailler sur leur matériel mis à dispo, tout est extrèmement bien ficelé et documenté.
Usted encontrará allí concursos [...]

Leer la continuación

¿el aptera - typ-1, el coche de mañana?

Enviado por Pedro de La Celle el Viernes, el 9 de mayo de 2008

No sé usted, sino cuándo era pequeño yo rabachait que en el año 2000, los coches volarían somos en 2008, y los coches todavía están sobre 4 ruedas, con neumáticos y consumen carburante siempre cada vez más querido …
Presentado en septiembre de 2007, Aptera typ-1 de la sociedad éponyme podría, tal vez, ser [...]

Leer la continuación

Divflickr

Enviado por Traffic de Couenne el Domingo, el 18 de febrero de 2007

Amigos de dotclear buenos días.

Le presento aquí cómo añadir un bello calco transparente que implica el flash de diaporama de Flickr como esto está presente sobre este blog. (haga clic sobre "fotos" en el menú de arriba) el devuelto bajo IE será menos sexy tal vez, porque la gestión del transprence de los png allí es bastante aleatoria … Le rendu sous IE sera peut-être moins sexy, car la gestion de la transprence des png y est assez aléatoire…

Divflickr por Traffic de couenne

- código original: Pedro de La Celle
- Diseño: No sé más de donde vienen los ribetes png, pero son libres, estoy seguro de eso

http://blog.delacelle.com

Este addon está descendiente de mi tema: couenneBlog2
http://blog.delacelle.com / dotclear2-theme-couenneblog2.zip

Modificaciones del fichero style.css de su tema:

al aumentar al principio o al fin de su fichero style.css

#photos {
   width:580px;
   margin-left:300px;
   position:absolute;
   top:140px;
   display:none;
   cursor: pointer;
   z-índice: 2;
}

Añadir el atributo

z-índice: 1;

en la clase

.post-pintadas

de su CSS (¡Si no las pintadas vienen para ponerse en medio de su bello diaporama!)

Deposite las imágenes de la cremallera atada a este billete en el expediente / img de su tema.

En su fichero _top.html aumente antes del cierre de la baliza </p>, justo al fin del fichero:

<div id = "fotos">

<mesa width = ”564 ″ bordear = ”0 ″ cellspacing = ”0 ″ cellpadding = ”0 ″ align = ”center”> <tr>

<td width = ”32 ″ height = ”32 ″ estilo = ”width: 32px; height: 32px; background: url ({{tpl:BlogThemeURL}}) allí repeat-y;”>   height: 32px; background: url({{tpl:BlogThemeURL}}/img/top-left.png) repeat-y;”>  

</td>

<td width = ”500 ″ height = ”32 ″ estilo = ”width: 500px; height: 32px; background: url ({{tpl:BlogThemeURL}}) repeat-x;”>   </td> <td width = ”32 ″ height = ”32 ″ estilo = ”width: 32px; height: 32px; background: url ({{tpl:BlogThemeURL}}) no-repeat;”>   </td> height: 32px; background: url({{tpl:BlogThemeURL}}/img/border-top.png) repeat-x;”>   </td> <td width=”32″ height=”32″ style=”width: 32px; height: 32px; background: url({{tpl:BlogThemeURL}}/img/top-right.png) no-repeat;”>   </td>

</tr> <Tr>

<td estilo = ”width: 32px; background: url ({{tpl:BlogThemeURL}}) allí repeat-y;”>   </td> <td estilo = ”background: #FFF;” ¿> <iframe estilo = " Margin-top:10px " src=http://www.flickr.com / slideShow / index.¿gne? user_id=XXXXXXXX@N00 frameBorder=0 width=500 height=500 scrolling=no> </iframe> <Center> <tiene onclick = ”switchMenu ('fotos '); ”title = ”Esconder las fotos”> Esconder las fotos </tiene> </center> </td> <td width = ”32 ″ height = "100 %" estilo = ”width: 32px; background: url ({{tpl:BlogThemeURL}}) allí repeat-y;”>   </td> background: url({{tpl:BlogThemeURL}}/img/border-left.png) repeat-y;”>   </td> <td style=”background: #FFF;”> <iframe style=”margin-top:10px” src=http://www.flickr.com/slideShow/index.gne?user_id=XXXXXXXX@N00 frameBorder=0 width=500 height=500 scrolling=no></iframe> <center><a onclick=”switchMenu(’photos’);” title=”Cacher les photos”>Cacher les photos</a></center> </td> <td width=”32″ height=”100%” style=”width: 32px; background: url({{tpl:BlogThemeURL}}/img/border-right.png) repeat-y;”>   </td>

</tr> <Tr>

<td width = ”32 ″ height = ”32 ″ estilo = ”width: 32px; height: 32px; background: url ({{tpl:BlogThemeURL}}) allí repeat-y;”>   </td> <td width = ”500 ″ height = ”32 ″ estilo = ”width: 500px; height: 32px; background: url ({{tpl:BlogThemeURL}}) repeat-x;”>   </td> <td width = ”32 ″ height = ”32 ″ estilo = ”width: 32px; height: 32px; background: url ({{tpl:BlogThemeURL}}) allí repeat-y;”>   </td> height: 32px; background: url({{tpl:BlogThemeURL}}/img/bottom-left.png) repeat-y;”>   </td> <td width=”500″ height=”32″ style=”width: 500px; height: 32px; background: url({{tpl:BlogThemeURL}}/img/border-bottom.png) repeat-x;”>   </td> <td width=”32″ height=”32″ style=”width: 32px; height: 32px; background: url({{tpl:BlogThemeURL}}/img/bottom-right.png) repeat-y;”>   </td>

</tr>

</mesa> </div>

Cambie bien a XXXXXXXX@N00 por vuestro ID Flickr.

Luego cambie

<tiene href = ”# search”> {{tpl:lang To search}} </tiene>

por

<tiene onclick = ”switchMenu ('fotos '); ”title = ”Ver las fotos”> Fotos </tiene>

(Yo me permite poner en cortocircuito este lazo que hace doblón a menudo con el #menu)

Y finalmente, en _head.html de su tema añada esto después de la última baliza:

<guión caracteriza = "A text / javascript">
¡<! –
function switchMenu (Obj) {
el Var el = document.getElementById (Obj);
tejo (¡el.style.¡display! = “block”) {
   el.style.display = ' Block ';
} else {
   el.style.display = ' None ';
   }
}
//–>
</guión>