Bienvenue sur le forum madmoiZelle !

Tu veux participer à la communauté et devenir une Mad ? Rejoins-nous !

Inscris-toi maintenant

Blabla général autour du code

Sujet dans 'Forum Internet' lancé par AnonymousUser, le 20 novembre 2010.

  1. Tu veux de l'aide en html/css/php/javascript.
    Tu ne connais rien à ces langages mais tu veux personnaliser ton blog/site.

    Pose ta question ici, une codeuz te répondra certainement !


    (Nouveau sujet parce que j'ai fait supprimer tous mes messages et donc le précédent topic a disparu aussi)
  2. Alors des liens pour des fiches récap css : 1 et 2
    Personnellement je trouve le site du zéro très mal expliqué, j'ai plus tendance à aller sur Alsacréations en cas de soucis. Leurs tutos et le forum sont très chouette.
    Ah et ton site, pense à le tester sur tous les navigateurs ! Et si jamais, pense à nous donner le lien pour qu'on te guide si tu bloques !
  3. Normalement, chaque FAI propose un hébergement gratuit (mais bon url pourrie, souvent en rapport avec le nom-prenom de la personne qui a le compte). Sinon, il faut payer un abonnement.
  4. Oui, fournisseur d'accès à internet. Et oui, un compte = hébergement :/

    Je viens de trouver ce site mais je ne sais pas ce que ça vaut.
  5. HELP : Pour celles qui s'y connaissent en javascript, vous aurez des liens pour du jquery ? (autres que jquery.com ^^ )
  6. Tardigrade

    Tardigrade Georges Hautecour.

    Il y aurait si peu de Mad'z qui codent ? C'est dommage ! Enfin bon, je ne sais pas si c'est tant que ça à vivre ...

    Je ne m'y connais pas (encore j'espère) en Jquery, donc impossible de donner un coup de main. J'essaierais de fouiller dans mes vieux numéros de "webdesign magazine" mais je ne promets rien.

    Même si je n'aurais absolument pas l'utilité de faire un site (mais j'ai envie de faire un site ... Haha), je viens réclamer un peu d'aide pour une étape qui m'a toujours angoissée : FTP. Il y a un bon tutoriel là-dessus ? J'ai un peu cherché et le passage ordi/net m'est resté incompréhensible.
  7. FLT

    FLT Something borrowed

    Je tiens à dire que Beyondzewords, c'est Beyond les bons tuyaux, et que grâce à elle et ses explications de tonnerre de feu, j'ai réussi à référencer mon site (bon ok faut taper des mots clés de ouf que personne n'a l'idée de taper, mais quand même) ! Une hola d'applaudissements et de remerciements pour Beyondzewords !
  8. Que veux-tu savoir pour le FTP ?

    J'ai trouvé des tutos jquery mais le soucis est que je retiens mieux dans le feu de l'action qu'avec les tutos :goth:
    Sur ce site, il y a plusieurs tutos sympas. Même si le mec a une voix plutôt monotone c'est bien expliqué

    :cupidon:
  9. Abécédaire

    Abécédaire Perdue

    Code:
    <!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};}
    
    .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}">&#8594;</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}">&#8594;</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}">&#8594;</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}">&#8594;</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}">&#8594;</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}">&#8594;</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}">&#8594;</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>
    Voilà j'aimerais bien mettre un fond d'ecran (répété) mais je sais pas du tout où placer le lien de l'image... de l'aide ?
  10. Le lien du site s'il te plait :)
  11. J'croyais que c'était un topic sur le code de la route.
    Bon bah je sors, bande de folles :hello:
    (cela dit je repasserais peut être quand je bidouillerais mon blog)
  12. Abécédaire

    Abécédaire Perdue

  13. hackergirl

    hackergirl Singing in the rain

    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 !
  14. Abécédaire

    Abécédaire Perdue

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

    mzell chaChou  "Toi, je t'aime trou-trou fort!" (des fois l'homme parle à mon bouty) :yawn:

    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! ;)