Clicky

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)
    Posté 20 novembre 2010
    #1
  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 !
    Posté 5 décembre 2010
    #2
  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.
    Posté 5 décembre 2010
    #3
  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.
    Posté 5 décembre 2010
    #4
  5. HELP : Pour celles qui s'y connaissent en javascript, vous aurez des liens pour du jquery ? (autres que jquery.com ^^ )
    Posté 8 décembre 2010
    #5
  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.
    Posté 15 janvier 2011
    #6
  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 !
    Posté 18 janvier 2011
    #7
  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:
    Posté 18 janvier 2011
    #8
  9. Abécédaire

    Abécédaire Excited

    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 ?
    Posté 29 janvier 2011
    #9
  10. Le lien du site s'il te plait :)
    Posté 31 janvier 2011
    #10
  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)
    Posté 31 janvier 2011
    #11
  12. Abécédaire

    Abécédaire Excited

    Posté 2 février 2011
    #12
Chargement...
Sujets similaires
  1. Komorebi
    Réponses :
    0
    Affichages:
    280
  2. Yana
    Réponses :
    22
    Affichages:
    30829
  3. azertg
    Réponses :
    422
    Affichages:
    63850
  4. GrandeMarine
    Réponses :
    64
    Affichages:
    12682