13 août 2007
La feuille de style
Améliorer son blog, c'est d'abord et avant tout mieux comprendre "cette page de charabia" que l'on appelle "feuille de style". Je vous rassure, j'ai mis un bout de temps avant de comprendre comment ça fonctionnait mais dans le fond, vous allez vous apercevoir qu'avec un peu d'habitude, c'est en réalité très simple !
Voici quelques explications :
Sur cette première image, vous trouverez le code à insérer pour déplacer les publicités ! Pour plus de détails, consultez le message : "Déplacer les publicités"
body :
container :
content :
- Dans le bloc "content", il y a la fonction "float", voici à quoi elle sert :
Cette propriété "float" définit le flottement d'une boîte à gauche, à droite ou pas du tout. On peut l'appliquer à tous les éléments générant des boîtes sauf si elles sont en position absolue. Cette propriété ne bénéficie pas de l'hérédité.
Valeurs admises :
- left : l'élément génère
une boîte de bloc qui flotte à gauche et le contenu s'écoule
sur son flanc droit en commençant en haut (en fonction de la valeur de
la propriété "clear").
- right : identique à "left"
mais en inversant la gauche de la droite.
- none : la boîte ne flotte pas. (valeur par défaut)
Ainsi avec "float" on peut dans beaucoup de cas, définir dans le conteneur si l'élément suivant doit s'aligner à droite ou à gauche. (s'ils ne sont pas en position absolue faut-il rappeler.)
Si la valeur est none, l’élément se place selon l'ordre du code source généré. De plus dans les navigateurs ne reconnaissant pas les CSS, il est important de savoir que la boîte flottante sera de même présentée dans le flux normal et normalement avant la boîte qui pourrait la suivrait.
- Egalement dans le bloc "content", tout en bas vous verrez la fonction "overflow". Elle permet de mettre des barres de défilement, voici pourquoi :
Le débordement (effets visuels)
"overflow" est une propriété qui sert à définir la mise en forme d'un élément qui sort de sa boîte. En principe le contenu d'une boîte de bloc reste enfermé dans son container, en principe ! Mais il arrive que ce contenu peut "déborder" et s'étendre en partie ou entièrement en dehors de la boîte. Il convient alors de préciser de quelle manière il doit être "rogné". Cette propriéténe bénéficie pas de l'héritage.
Raisons de ce débordement
- Une ligne ne peut pas être coupée, et le conteneur devient trop petit pour le contenu qui se met à déborder.
- L'élément, c'est-à-dire le contenu, est défini avec une position absolue, et il va déborder de la boîte de son parent.
- Le contenu est trop large pour la taille fixée au conteneur (si la propriété "width" a par exemple une valeur trop faible par rapport au contenu). C'est le cas d'un élément qui en contiendrait un autre, c'est-à-dire une boîte dans une autre.
- Le contenu est trop haut pour la taille fixée au conteneur (si la propriété "height" a par exemple une valeur trop faible par rapport au contenu). C'est le cas d'un élément qui en contiendrait un autre, c'est-à-dire une boîte dans une autre.
- Les marges (margin) de la boîte d'un descendant sont négatives, ce qui la déplace en partie hors de la boîte de son parent.
Toutes les fois que survient un débordement, la propriété "overflow" vient spécifier, s'il y a lieu, la façon dont la boîte sera rognée. C'est la propriété "clip" vue page suivante, qui spécifie alors la taille et la forme de la zone rognée.
Valeurs possibles pour "overflow" :
visible = (par défaut) le contenu ne sera pas rogné, et celui-ci peut sortir éventuellement de la boîte contenant l'élément.
Il peut arriver que même quand la valeur de la propriété "overflow" est accompagnée de cette valeur "visible", le contenu soit rogné par le système d'exploitation, pour tenir dans la fenêtre du document du visiteur.
hidden = le contenu sera rogné mais sans utilisation des barres de défilement et donc la partie débordante
sera invisible. La propriété "clip" va servir à spécifier la taille et la forme du reliquat du rognage.
scroll = le contenu sera rogné, avec cependant
mise à disposition de barres de défilement, ce qui autorise la visualisation de l'élément. Avec cette valeur appliquée à un type de média "print", la partie du contenu ayant débordée devrait aussi être imprimée.
auto = l'interprétation de cette valeur dépend du navigateur qui décide la suite à donner à la partie excédentaire du contenu, tout en disposant si besoin les barres de défilement nécessaires.
Sources : Aidenet
11 août 2007
Coups de coeur du jour
09 août 2007
Déplacer les publicités
Pour ceux qui n'auraient pas encore remarqué les publicités super agaçantes juste en haut de page et qui souhaiteraient les enlever, voici comment faire :
Copier/coller ceci a la place de <body> dans la page d'accueil, et toutes les pages dont vous souhaitez déplacer la publicité (pas dans la feuille de style generale):
<!--<body onload="mymessage()">-->
<div
id="baba"><script language="javascript"
src="http://i2as.idregie.com/i-j.j?s=1595&w=468&h=60&cb=66467712"
type="text/javascript">
</script>
<noscript>
<a
href="http://i2as.idregie.com/c.php?s=1595&w=468&h=60&cb=66467712"><img
src="http://i2as.idregie.com/i.php?s=&w=&h=&cb="
width="468" height="60" border="0" alt="" /></a>
</noscript></div>
Puis, dans la feuille de style générale ou vous n'avez rien ajouté encore puisque vous avez lu attentivement,
vous inserez ceci AVANT "body {", donc tout en haut de la feuille de style:
#baba{
position:absolute;
top:5000px;
left:150px;}
Attention néanmoins, dans les pages d'archives, plus vous avez de messages plus la page est longue, et la pub fini par se retrouver sur l'un de vos articles. A vous de voir!
Et voila, le tour est joué! Rien de plus simple.
Merci Shiva !
08 août 2007
Coups de coeur du jour
06 août 2007
Créations avec générateurs
05 août 2007
Coups coeur du jour
TOUTES LES IMAGES QUE VOUS TROUVEREZ ICI NE SONT PAS DE MA CREATION ! POUR TOUTES LES PERSONNES QUI RECONNAITRAIENT UNE DES LEUR ET QUI SOUHAITENT QU'ELLE SOIT SUPPRIMEE MERCI DE ME CONTACTER.
03 août 2007
Petit forum perso
Petit forum informatique longtemps laissé à l'abandon pour plusieurs raisons, je souhaite le réabilité ^^
Je voudrais en faire un endroit ou ceux qui se sentent décourager par l'informatique, puissent y les trouver réponses "simples" qu'ils cherchent et ou ceux qui sont déjà plus avancés puissent trouver des ressources pour leurs programmes !
Mais tant de sites existent déjà, que je ne voudrais pas faire de la copie.
Alors, je propose à ceux qui passeraient par là et qui seraient intéressés par l'idée de me laisser leurs suggestions dans les commentaires ou mieux encore directement sur le site MaRaUdEuR.cOm
01 août 2007
Coups de coeur du jour
25 juillet 2007
Premières créations
Voici mes premières créations en gifs scintillants ^^
Bien d'autres à venir... (une fois que j'aurais appris à bien manipuler le logiciel lol !)
24 juillet 2007
Masculin ou Féminin ?
Pourquoi dès que c'est une galère c'est tout de suite au féminin ?
La pluie, la neige, la grêle, la tempête...
tout ça pour les filles !
Pour eux c'est : le soleil et le beau temps.
Alors que nous, on a pas de pot : la cuisine,
la bouffe, la poussière..
Eux c'est le café dans le fauteuil avec le journal..
C'est quand même bizarre non ?
Mais y'a aucun sexisme la dedans ! Non non non...
D'ailleurs le mot 'sexe' n'a pas de féminin !
On ne dit pas une sexe mais le sexe d'une femme.
Ca fait peut-être plus sérieux... d'ailleurs dès que c'est sérieux c'est au masculin !
On dit une rivière mais un fleuve.
On dit une voiture mais un avion avec un réacteur et pas une hélice de merde...
Et quand y'a un problème dans un avion c'est tout de suite : une catastrophe !!
Alors c'est toujours à cause d'une erreur de pilotage, d'une mauvaise visibilité, bref à cause d'une connerie.
Mais attention dès que la connerie est faite par un mec tout de suite ça ne s'appelle plus une connerie mais un impondérable !
Mais on a quand même quelques fois de petits avantages !
Ils ont le mariage, le divorce... on a la pension ! On a la carte de crédit, ils ont le découvert... !
Mais en règle général le type qui a inventé la langue française ne les aimait pas beaucoup...
Il n'a pas pu s'empêcher de mettre : un accouchement. C'est vachement masculin ça !
Un sac a main (ça c'est viril a mort !), un soutien gorge (ça c'est un truc de camionneur !!),
Le maquillage, le rouge a lèvre...
Mais c'est tombé dans l'autre sens aussi :
Une moustache (ça c'est la féminité poussé à son comble !), la virilité et une couille !
Alors la je sais pas comment il a fait pour se tromper car très tôt dans la vie on découvre qu'une couille c'est pas ce qui a de plus féminin. Même les aveugles font la différence.
Mais lui il a rien vu !
« Hein une couille ? Qu'est ce que c'est ? Oh bah ça doit être un truc féminin ... »
