Blabla général autour du code

Abécédaire · 6 Février 2011

Nymphette_Hippie;2022079 a dit :
tu dois mettre ton image dans ton css, avec un truc du genre :

body
{
background-image: lien_vers_limage;
background-repeat: repeat;
background-position: top center;
}

bonne chance !

Ouep' c'est ce que j'avais vu mais je sais pas DU TOUT où se situe le CSS dans tumblr ...

mzell chaChou · 6 Février 2011

bonjour, bonjour!
je suis pas sure d'être au bon endroit mais je suis sure que l'une d'entre vous saura me répondre. Voilà je suis une quiche de l'informatique mais je voudrai vous poster mes custos, recettes fringues... j'ai essayé en hébergeant sur l'album Madz mais ça n'a pas marché. Je pense que c'est parce que j'ai mis l'album en privé.
Donc voilà ma question: je cherche un hébergeur photo fiable qui me permette de garder le contrôle de mes photos (ne pas les livrer à l'ensemble du net et pouvoir revenir les supprimer quand je veux) et en français se serait le top car je comprendrais pas tout en anglais. Ca existe?
Merci d'avance :jv:

(je suis très impressionnée par ce topic dont je ne comprends pas un mot! les madz vous assurez!)
ps: je sais pas si ça peut être utile mais je précise que j'ai compris comment faire un lien et que je suis passé sur firefox pour faciliter les choses, à tout hasard. Oui vous pouvez me jeter des pierres ou rigoler!

AnonymousUser · 6 Février 2011

mademoizelle-chic;2022590 a dit :
Ouep' c'est ce que j'avais vu mais je sais pas DU TOUT où se situe le CSS dans tumblr ...

Dans le code que tu as copié, si tu descends un tout petit peu tu vas voir
"<style type="text/css">" et juste après, la class body { }

mzell chiChi;2023671 a dit :
bonjour, bonjour!
je suis pas sure d'être au bon endroit mais je suis sure que l'une d'entre vous saura me répondre. Voilà je suis une quiche de l'informatique mais je voudrai vous poster mes custos, recettes fringues... j'ai essayé en hébergeant sur l'album Madz mais ça n'a pas marché. Je pense que c'est parce que j'ai mis l'album en privé.
Donc voilà ma question: je cherche un hébergeur photo fiable qui me permette de garder le contrôle de mes photos (ne pas les livrer à l'ensemble du net et pouvoir revenir les supprimer quand je veux) et en français se serait le top car je comprendrais pas tout en anglais. Ca existe?
Merci d'avance
(je suis très impressionnée par ce topic dont je ne comprends pas un mot! les madz vous assurez!)
ps: je sais pas si ça peut être utile mais je précise que j'ai compris comment faire un lien et que je suis passé sur firefox pour faciliter les choses, à tout hasard. Oui vous pouvez me jeter des pierres ou rigoler!

Je dirais de te faire un compte sur hiboox ou imageshack ou flickr. Après, à toi de voir ce qui te semble le plus simple à utiliser

mzell chaChou · 6 Février 2011

Beyondzewords;2023759 a dit :
Dans le code que tu as copié, si tu descends un tout petit peu tu vas voir
"<style type="text/css">" et juste après, la class body { }

Je dirais de te faire un compte sur hiboox ou imageshack ou flickr. Après, à toi de voir ce qui te semble le plus simple à utiliser

merci mais on peut faire en sorte que les photos soient pas sur tout le web? comment?

AnonymousUser · 6 Février 2011

mzell chiChi;2023765 a dit :
merci mais on peut faire en sorte que les photos soient pas sur tout le web? comment?

Tu dois avoir une option "privée". Du moins sur flickr c'est comme ça, mais Flickr limite à 200 le nombre de photos, sinon il faut prendre un compte pro pour avoir plus de places. Les autres je ne les utilise pas donc je ne sais pas, mais il doit bien y avoir une zone "privée"

mzell chaChou · 6 Février 2011

Beyondzewords;2023773 a dit :
Tu dois avoir une option "privée". Du moins sur flickr c'est comme ça, mais Flickr limite à 200 le nombre de photos, sinon il faut prendre un compte pro pour avoir plus de places. Les autres je ne les utilise pas donc je ne sais pas, mais il doit bien y avoir une zone "privée"

merci! t'es un amour!

AnonymousUser · 6 Février 2011

mzell chiChi;2023779 a dit :
merci! t'es un amour!

De rien

Abécédaire · 17 Février 2011

Pouvez-vous me copier le (nouveau) code avec le fond d'écran parce-que j'arrive pas je dois être tebê... --'

Énéide · 20 Février 2011

mademoizelle-chic;2046920 a dit :
Pouvez-vous me copier le (nouveau) code avec le fond d'écran parce-que j'arrive pas je dois être tebê... --'

HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<!--

 _   ___   ___   ___   __   __    _   ____  _     _____  _   __  _____  __  

/ | / / \ / / \ / / \ ( (` / /`  | | | |_  | |\ |  | |  | | ( (`  | |  ( (` 

|_| \_\_/ \_\_/ \_\_/ _)_) \_\_, |_| |_|__ |_| \|  |_|  |_| _)_)  |_|  _)_)

ALL CODING BY 1000SCIENTISTS                      1000SCIENTISTS.TUMBLR.COM

-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>{Title}</title>

<meta name="color:Background" content="#FFFFFF"/>

<meta name="color:Link Hover" content="#9932CC"/>

<meta name="color:Right Column" content="#DCDCDC"/>

<meta name="color:Right Column Font" content="#000"/>

<meta name="color:Font" content="#000"/>

<meta name="color:Permalink" content="#DCDCDC"/>

<meta name="color: Regular Post Permalink" content="#000"/>

<meta name="font:Text" content="courier new"/>

<meta name="color:Link Hover Text" content="#FFF"/>

<meta name="if:Show Caption" content="0"/>

<link rel="shortcut icon" href="{Favicon}">

<link rel="alternate" type="application/rss+xml" href="{RSS}">

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<style type="text/css">

body {font-family: {font:Text}; font-size: 12px; color: {color:Font}; background-color: {color:Background};  background-image: url(adresse_de_l'image);}

.oh, .other {margin-top: 10px; margin-bottom: 10px;}

.oh:hover .perma {opacity:1;}

.other:hover .textp {opacity:1;}

.audio {width: 500px; background-color: #000;}

.notes {margin-left: -20px; list-style-type:none; margin-top: 20px; margin-bottom: 10px;}

a {color: {color:Font}; text-decoration: none;}

.label {font-weight: bold; margin-right: 10px;}

#center {width:500px; padding:10px; margin: auto; font-size: 11px;}

#posts {margin-top: 30px;}

#right{left:50%; margin-left:268px; position:fixed; bottom: 10px; width: 200px; opacity: .5; -webkit-transition-duration: .5s; color: {color:Right Column Font};}

#right a {color: {color:Right Column Font};}

#right:hover {opacity: 1;}

.desc {padding: 5px; background-color: {color:Right Column}; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 5px;}

.textp {opacity: 0; -webkit-transition-duration: .2s; font-family: consolas, sans serif; font-size: 25px; margin-left: -50px; position: absolute;}

.textp a {color: {color: Regular Post Permalink};}

.textp a:hover {opacity: .5;}

.perma {margin-top: -58px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; opacity: 0; -webkit-transition-duration: .2s; font-family: consolas, sans serif; letter-spacing: 2px; font-size: 50px; text-transform: uppercase; z-index: 1000; margin-left: 5px; position: absolute;}

.perma a {color: {color:Permalink};}

.perma a:hover {opacity: .5;}

.title {font-size: 18px; text-transform: uppercase; background-color: {color:Right Column}; margin-top: 5px; margin-bottom: 5px; padding: 5px;}

.links {margin-top: 5px; margin-bottom: 5px; padding: 3px; background-color: {color:Right Column}; font-size: 14px; text-transform: uppercase; text-align: right; -webkit-transition-duration: .5s;}

.links:hover {background-color:{color:Link Hover}; color: {color:Link Hover Text};}

.links:hover a {color:{color:Link Hover Text}; text-decoration: none;}

.nav {margin-top: 20px; margin-bottom: 20px; text-align: center;}

.backward {width: 250px; text-align: left; display: inline-block;}

.forward {width: 250px; text-align: right; display: inline-block;}

.nav a {font-size: 16px; text-transform: lowercase; -webkit-transition-duration: .5s; margin-left: 20px; margin-right: 20px;}

.nav a:hover {opacity: .5;}

h2 {font-size: 18px; font-family: {font:Text}; font-weight: normal; letter-spacing: -1px;}

ol.notes {padding: 10px; border-bottom: dotted 0px #000; margin-left: -10px; width: 500px;}

ol.notes a {font-style:normal;}

ol.notes li.note {border-top: dotted 0px #000; padding: 1px; text-align: justify; margin-bottom: -1px;}

ol.notes li.note img.avatar {vertical-align: -5px; margin-right: 10px;width: 15px; height: 15px;}

ol.notes li.note span.action {font-weight: normal;}

ol.notes li.note .answer_content {font-weight: normal;}

ol.notes li.note blockquote {border-color: #eee;padding: 4px 10px;margin: 10px 0px 0px 25px;} 

ol.notes li.note blockquote a {decoration: none;}

img a {border: none;}

</style>

</head>

<body>

<div id="right"><div class="title"><a href="/">{Title}</a></div>{block:Description}<div class="desc">{Description}</div>{/block:Description}{block:AskEnabled}<a href="/ask"><div class="links">Ask</div></a>{/block:AskEnabled}{block:HasPages}{block:Pages}<a href="{URL}"><div class="links">{Label}</div></a>{/block:Pages}{/block:HasPages}</div>

<div id="center">

{block:Posts}



{block:Text}

<div class="other">

<div class="textp"><a href="{Permalink}" title="{NoteCountWithLabel}">?</a></div>

{block:Title}<h2>{Title}</h2>{/block:Title}{Body}

</div>

{/block:Text}

{block:Photo}

<div class="oh">

{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" title="{PlainTextCaption}" width="500px"/>{LinkCloseTag}

<div class="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div>

{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}

{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}

</div>

{/block:Photo}

{block:Photoset}

<div class="oh">

{Photoset-500}

<div class="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div>

{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}

{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}

</div>

{/block:Photoset}

{block:Answer}

<div class="other">

<div class="textp"><a href="{Permalink}" title="{NoteCountWithLabel}">?</a></div>

<div style="font-size: 12px; text-transform: uppercase; border-bottom: 1px solid;">{Asker}</div>

{Question}<div style="font-size: 10px; padding-left: 3px; border-left: 1px solid;">{Answer}</div></div>

{/block:Answer}

{block:Quote}

<div class="other">

<div class="textp"><a href="{Permalink}" title="{NoteCountWithLabel}">?</a></div>

<div style="font-size: 20px;">"</div><div align="center">{Quote}</div>

{block:Source}<div style="font-size: 14px; text-transform: uppercase; text-align: center;">{Source}</div></div><div style="font-size: 20px; text-align: right;">"</div>{/block:Source}

{/block:Quote}

{block:Link}

<div class="other">

<div class="textp"><a href="{Permalink}" title="{NoteCountWithLabel}">?</a></div>

<h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>

{block:Description}{Description}{/block:Description}

</div>

{/block:Link}

{block:Chat}

<div class="other">

<div class="textp"><a href="{Permalink}" title="{NoteCountWithLabel}">?</a></div>

{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}

{block:Lines}<span style="align:left"><div class="{Alt} user_{UserNumber}">{block:Label}

<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</span></div>

{/block:Chat}

{block:Video}

<div class="other">

<div class="textp"><a href="{Permalink}" title="{NoteCountWithLabel}">?</a></div>

{Video-500}

{block:Caption}{Caption}{/block:Caption}</div>

{/block:Video}

{block:Audio}

<div class="other">

<div class="textp"><a href="{Permalink}" title="{NoteCountWithLabel}">?</a></div>

<div class="audio">{AudioPlayerBlack}</div>

{block:Caption}{Caption}{/block:Caption}</div>

{/block:Audio}

{block:PostNotes}

{PostNotes} 

{/block:PostNotes}

{/block:Posts}



{block:Pagination}<div class="nav">{block:PreviousPage}<a href="{PreviousPage}">forward</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">backward</a>{/block:NextPage}</div>{/block:Pagination}

</div>

<div style="float: left; position: fixed; bottom: 5px; padding: 5px; font-size: .8em; text-transform: uppercase;">theme by <a href="http://www.1000scientists.tumblr.com">1000scientists</a></div>

</body>
</html>

Dans la ligne body {font-family: {font:Text}; font-size: 12px; color:... tu dois modifier background-image: url(adresse_de_l'image);.

Sinon, hormis le HTML/CSS, je maîtrise le PHP, JavaScript, la bibliothèque js JQuery et un peu moins, le java. J'ai aussi fait un peu de Python.

Abécédaire · 11 Mars 2011

Voilà mon blog : Un tee-shirt imprimé unique
En fait juste à côté de 0 print shirt (ou commentaires) j'aimerais placer ça :

HTML :

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="veryhighheels" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Mais en fait je ne sais pas du tout où placer ça dans mon html ... :

HTML :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Héléna D.R
URL:      http://www.facebook.com/profile.php?id=1270804265
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#840c15"/>

   <Group description="Page Text" selector=".content-inner">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#000000"/>
   </Group>

   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
     <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="transparent"/>
     <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
   </Group>

   <Group description="Links" selector=".main-outer">
     <Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#8f1a1d"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#797979"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#ff291c"/>
   </Group>

   <Group description="Blog Title" selector=".header">
     <Variable name="header.font" description="Font" type="font"
         default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb"  value="#f39ec7"/>
     <Variable name="description.text.color" description="Description Color" type="color"
         default="#777777"  value="#626262"/>
   </Group>

   <Group description="Tabs Text" selector=".tabs-outer .PageList">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#8d8d8d"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
   </Group>

   <Group description="Tabs Background" selector=".tabs-outer .PageList">
     <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="#444444"/>
     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#ffffff"/>
   </Group>

   <Group description="Post Title" selector=".post">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="italic normal 30px 'Times New Roman', Times, FreeSerif, serif;"/>
   </Group>

   <Group description="Post Footer" selector=".post-footer">
     <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#444444"/>
     <Variable name="post.footer.background.color" description="Background Color" type="color"
         default="#f9f9f9" value="#f4f4f4"/>
     <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#e9e9e9"/>
   </Group>

   <Group description="Gadgets" selector=".sidebar .widget">
     <Variable name="widget.title.font" description="Title Font" type="font"
        default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#8d8d8d"/>
   </Group>

   <Group description="Images" selector=".main-inner">
     <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#ffffff"/>
     <Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="#e9e9e9"/>
   </Group>

   <Group description="Accents" selector=".content-inner">
     <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="#ffffff"/>
   </Group>

   <Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none no-repeat scroll center center"/>
   <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>

   <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
       default="url(http://www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
   <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
       default="url(http://www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/>

   <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
   <Variable name="content.padding" description="Content Padding" type="length" default="10px" value="10px"/>
   <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" value="40px"/>
   <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" value="5px"/>
   <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" value="10px"/>

   <Variable name="main.border.width" description="Main Border Width" type="length" default="0" value="0"/>

   <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/>
   <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" value="-1px"/>
   <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" value="-1px"/>
   <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" value="1px"/>
   <Variable name="header.border.size" description="Header Border Size" type="length" default="1px" value="1px"/>

   <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="140%"/>

   <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0"  value="0"/>
   <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px"  value="30px"/>
   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
       default="url(http://www.blogblog.com/1kt/simple/gradients_light.png)" value="url(http://www.blogblog.com/1kt/simple/gradients_light.png)"/>
   <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" value="1px"/>
   <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" value="1px"/>

   <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/>
   <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/>

   <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
   <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>

   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)
}

body.mobile {
  padding: 0 $(content.shadow.spread.webkit) $(content.shadow.spread.webkit);  
}

html body $(page.width.selector) {
  min-width: 0;
  max-width: 100%;
  width: $(page.width);
}

a:link {
  text-decoration:none;
  color: $(link.color);
}

a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}

a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}

.body-fauxcolumn-outer .fauxcolumn-inner {
  background: transparent $(body.background.gradient.tile) repeat scroll top left;
  _background-image: none;
}

.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 700px;
  width: 100%;
  background: $(body.background);
  $(body.background.override)
}

.body-fauxcolumn-outer .cap-top .cap-left {
  width: 100%;
  background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  _background-image: none;
}

.content-outer {
  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

  margin-bottom: 1px;
}

.content-inner {
  padding: $(content.padding);
}

$(content.background.color.selector) {
  background-color: $(content.background.color);
}

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -600px;
  _background-image: none;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: $(description.text.size);
  color: $(description.text.color);
}

/* Tabs
----------------------------------------------- */
.tabs-inner .section:first-child {
  border-top: $(header.border.size) solid $(body.rule.color);
}

.tabs-inner .section:first-child ul {
  margin-top: -$(header.border.size);
  border-top: $(header.border.size) solid $(body.rule.color);
}

.tabs-inner .widget ul {
  background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
  _background-image: none;
  border-bottom: $(tabs.border.width) solid $(body.rule.color);

  margin-top: $(tabs.margin.top);
  margin-left: -$(tabs.margin.side);
  margin-right: -$(tabs.margin.side);
}

.tabs-inner .widget li a {
  display: inline-block;

  padding: .6em 1em;

  font: $(tabs.font);
  color: $(tabs.text.color);

  border-$startSide: $(tabs.border.width) solid $(content.background.color);
  border-$endSide: $(tabs.bevel.border.width) solid $(body.rule.color);
}

.tabs-inner .widget li:first-child a {
  border-$startSide: none;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  color: $(tabs.selected.text.color);
  background-color: $(tabs.selected.background.color);
  text-decoration: none;
}

/* Columns
----------------------------------------------- */
.main-outer {
  border-top: $(main.border.width) solid $(body.rule.color);
}

.fauxcolumn-left-outer .fauxcolumn-inner {
  border-right: 1px solid $(body.rule.color);
}

.fauxcolumn-right-outer .fauxcolumn-inner {
  border-left: 1px solid $(body.rule.color);
}

/* Headings
----------------------------------------------- */
h2 {
  margin: 0 0 1em 0;

  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
}

/* Widgets
----------------------------------------------- */
.widget .zippy {
  color: $(widget.alternate.text.color);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}

/* Posts
----------------------------------------------- */
.post {
  margin: 0 0 25px 0;
}

h3.post-title, .comments h4 {
  font: $(post.title.font);
  margin: .75em 0 0;
}

.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
  border: 1px solid $(image.border.color);

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}

.post-body .tr-caption-container {
  color: $(image.text.color);
}

.post-body .tr-caption-container img {
  padding: 0;

  background: transparent;
  border: none;

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}

.post-header {
  margin: 0 0 1.5em;

  line-height: 1.6;
  font-size: 90%;
}

.post-footer {
  margin: 20px -2px 0;
  padding: 5px 10px;

  color: $(post.footer.text.color);
  background-color: $(post.footer.background.color);
  border-bottom: 1px solid $(post.footer.border.color);

  line-height: 1.6;
  font-size: 90%;
}

#comments .comment-author {
  padding-top: 1.5em;

  border-top: 1px solid $(body.rule.color);
  background-position: 0 1.5em;  
}

#comments .comment-author:first-child {
  padding-top: 0;

  border-top: none;
}

.avatar-image-container {
  margin: .2em 0 0;
}

#comments .avatar-image-container img {
  border: 1px solid $(image.border.color);
}

/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
  border-$startSide: 1px solid $(body.rule.color);
}
.body-fauxcolumn-outer { 
background: url(http://img.wallpaperstock.net:81/leopard-skin-wallpapers_6276_1680x1050.jpg); } 
.body-fauxcolumn-outer div { 
background: none; 
}h3.post-title a { color:#f39cc6; }
h3.post-title:hover{ color:#f80667;}
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 1000px;
text-align: left;...}]]></b:skin>

    <b:template-skin>
      <b:variable default='1000px' name='content.width' type='length' value='1200px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
      <b:variable default='360px' name='main.column.right.width' type='length' value='350px'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }

      .main-inner .fauxcolumn-center-outer {
        left: $(main.column.left.width);
        right: $(main.column.right.width);
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

      .main-inner .fauxcolumn-right-outer {
        width: $(main.column.right.width);
      }

      .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
      }

      #layout {
        min-width: 0;
      }

      #layout .content-outer {
        min-width: 0;
        width: 900px;
      }

      #layout .region-inner {
        min-width: 0;
        width: auto;
      }
      ]]>
    </b:template-skin>
  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Un tee-shirt imprimé unique (en-tête)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-right-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <!-- corrects IE6 width calculation -->
        <div class='columns-inner'>

        <div class='column-center-outer'>
        <div class='column-center-inner'>
          <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Messages du blog' type='Blog'/>
</b:section>
        </div>
        </div>

        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num' value='0'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        </div>

        <div style='clear: both'/>
      <!-- columns -->
      </div>

    <!-- main -->
    </div>
    </div>
    <div class='main-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num' value='1'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
    </div>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

  <!-- content -->
  </div>
  </div>
  <div class='content-cap-bottom cap-bottom'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  </div>
  </div>

  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>
</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  <macro:else/>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

    <macro:if cond='data:col.num &gt;= 2'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
      <tbody>
      <tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
        </td>

        <td class='columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
        </td>

        <macro:if cond='data:col.num &gt;= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>
      </tr>
      </tbody>
      </table>

      <macro:if cond='data:col.includeBottom'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
      </macro:if>
    </macro:if>
  </macro:if>
</macro:includable>

<b:section-contents id='sidebar-right-1'>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Et sinon je suis où ?' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Mes amours de followers :)' type='Followers'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='BlogList1' locked='false' title='Les amours de ma vie (bytheweb)' type='BlogList'/>
<b:widget id='BlogArchive1' locked='false' title='Old.' type='BlogArchive'/>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='Image2' locked='false' title='' type='Image'/>
<b:widget id='Image3' locked='false' title='' type='Image'/>
<b:widget id='Image4' locked='false' title='' type='Image'/>
<b:widget id='Image5' locked='false' title='' type='Image'/>
<b:widget id='Label1' locked='false' title='TAGGS' type='Label'/>
</b:section-contents><b:section-contents id='footer-1'/></html>

pourriez-vous me recopier le code avec mon bouton twitter dedans ?
Ah oui, et autre truc pour les commentaires, j'aimerais supprimer "à l'adresse..." mais mettre juste "à 9h46" (par exemple)

- J'aimerais également faire différentes 'cases' avec des coins arrondis comme sur dick face : http://www.heydickface.com/ (une avec ma présentation, une autre avec mes blogs favoris, une autre avec mes inspirations, une autre avec mes archives). Comment on s'y prend ?

Bistre · 11 Mars 2011

Mmmm, il manque pas des fichiers ? Parce que en gros là on n'a pas de contenu, on n'a que la forme. Et du coup je retrouve pas d'où vient le "à l'adresse" et ce qui va à côté.
(En même temps ça fait bien 3 ans que j'ai plus bidouillé ce genre de trucs, alors je suis plus trop au point...)

AnonymousUser · 13 Mars 2011

Oui, il nous faut accéder aux fichiers html, là le css ne sert que pour le design.

Blabla général autour du code

Abécédaire

mzell chaChou

AnonymousUser

Guest

mzell chaChou

AnonymousUser

Guest

mzell chaChou

AnonymousUser

Guest

Abécédaire

Énéide

Abécédaire

Bistre

Raconteuse de salades.

AnonymousUser

Guest

Discussions similaires

FAQ

Les Immanquables du forum