Blabla général autour du code

A

AnonymousUser

Guest
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)
 
A

AnonymousUser

Guest
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 !
 
A

AnonymousUser

Guest
Eiffel Thé;1896471 a dit :
Merciiiiii ! Par contre, je n'arrive pas trouver un bon hébergeur gratuit (autre que Free)... J'ai testé voilà.fr, mais c'est nuuuul, on ne peut plus modifier les pages une fois qu'elles sont transmises au serveur, n'importe quoi.
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.
 
A

AnonymousUser

Guest
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.
 
A

AnonymousUser

Guest
HELP : Pour celles qui s'y connaissent en javascript, vous aurez des liens pour du jquery ? (autres que jquery.com ^^ )
 
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.
 
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 !
 
A

AnonymousUser

Guest
Tardigrade;1974076 a dit :
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.
Que veux-tu savoir pour le FTP ?

EcureuilVolant;1974155 a dit :
Y'a pas des planet-jquery? comme ils font avec java ou php? j'pense que ça se trouve!


Perso je fais un peu de css html et là l'homme qui est codeur fou veut me mettre au python ( HAHAHAHA) et à l 'ExtJs ( encore plus haha)
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é

Eiffel Thé;1981481 a dit :
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 !
:cupidon:
 
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 ?
 
A

AnonymousUser

Guest
mademoizelle-chic;2007115 a dit :
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 ?
Le lien du site s'il te plait :)
 
A

AnonymousUser

Guest
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)
 
  • Big up !
Reactions : Aoki

Les Immanquables du forum

Participe au magazine !
Une info qu'on devrait traiter sur madmoiZelle ?
 
Nouvelle ou perdue ?
Pas de panique, on t'aime déjà !

La charte de respect du forum
Le guide technique &
le guide culturel du forum
Viens te présenter !
Un problème technique ?
Topic d'entraide sur l'orthographe et la grammaire
 
La chefferie vous informe
Les annonces de l'équipe concernant le forum et madmoiZelle
Rendre visite à madmoiZelle
Le médiateur du forum
Soutiens madmoiZelle financièrement
Topic dédié à la pub sur mad
Si vous aimez madmoiZelle, désactivez AdBlock !

Les immanquables
Les topics de blabla
En ce moment... !

Mode - Beauté - Ciné - Musique - Séries - Littérature - Jeux Vidéo - Etudes - Ecriture - Cuisine - People - Télévision

Envie de rencontrer des MadZ ?
Viens trouver le forum de ta ville !

Mode
Le pire de la mode
Ces vêtements qui te font envie
Ta tenue du jour
La tenue qui plaît
Tes derniers achats de fringues

Beauté
Astuces,bons plans économies & dupes
Le topic des vernis
Questions beauté en tout genre
 
Culture
Le meilleur des images du net
L'aide aux devoirs
Tu écoutes quoi ?
Quelle est ta série du moment ?
Quel livre lisez-vous en ce moment ?
Le dernier film que vous avez vu à la maison
Le topic philosophique
 
Société
Topic des gens qui cherchent du travail
Voyager seule : conseils et témoignages
Trucs nuls de la vie d'adulte : CAF, Banque, Mutuelle, Logement etc...
 
Les topics universels
Je ne supporte pas
Je ne comprends pas
Ca me perturbe
Je me demande
J'adore...
Je m'en veux de penser ça mais...

Cupidon
Le topic des amoureuses
Le topic des polyamoureuses
Les Célibattantes