MyBlog

Soulignement double - par kamila le 21/07/2008 @ 17:46

Le soulignement double n'existe pas, mais il est possible de le réaliser aussi bien sur du texte que sur un lien, en "trichant" un peu avec les CSS, en combinant la balise de soulignement traditionnelle (text-decoration) et la balise d'encadrement (border).

ex: Soulignement double

Comment faire?

Dans le fichier style de votre thème, créez la classe suivante:

.souligne2 {
text-decoration: underline;
padding-bottom: 0.25em;
border-bottom: solid 1px;
}

text-decoration underline: balise normale de soulignement
padding-bottom 0.25em: "Décalage vers" le bas de 0.25em (on pourrait mettre cette valeur en pixel mais la valeur en em (valeur relative permettra de l'adapter a toute les polices et tailles de caractères)
border-botton solid 1px: Trait continu de taille 1px

Si vous souhaitez le faire sur un lien on une autre balise, modifiez simplement la ou les classes correspondantes en ajoutant les mëmes commandes.
Bien sur, le code est a adapter suivant vos besoins

Voilou, c'est tout.

Add-ons pour Firefox - par kamila le 06/03/2008 @ 11:40

Add-ons conseillés pour Firefox

Web Developer:
Permet de visualiser les cookies, CSS, images, tableaux, code source. Permet également de mesurer le "poids" d'une page ou des images, validation W3C CSS, HTML, Liens etc. intégrée.

FireBug:
Outil de developpement permettant de visualiser et d'editer et de debuger les différents éléments d'une page web

CSS
HTML
JavaScript
etc.

FireFTP:
Client ftp pour Firefox simple d'emploi

IE Tab:
Visualisez directement l'aspect d'une page sous Internet Explorer en cliquant simplement sur une icone tout en conservant les avantages de Firefox

Crawltrack - par kamila le 06/03/2008 @ 11:10

CrawlTrack, le script open-source de détection des robots et de suivi de référencement.

détection du passage des robots
pages vues par les robots-visiteurs envoyés par les principaux moteurs de recherche
nombre de liens vers votre site
détection et blocage des tentatives de piratage

Fonctionne sur base MySql

Installation trés facile

Démonstration et téléchargement sur le site de l'auteur

Ouvrir les menus déroulant (liens, Téléchargements ...) - par kamila le 20/01/2008 @ 11:40

Réalisation: très facile
Connaissance: aucune

Ouvrir les menus déroulants ( Download, links, faq etc.)

Vous souhaitez avoir les menus ouverts en permanence plutôt que de devoir cliquer sur la catégorie pour ouvrir les différents liens ?

Rien de plus facile, ouvrez le fichier correspondant (download.php, links.php ....)

Nous allons annuler la commande javascript correspondante: recherchez le javascript qui commande l'ouverture et la fermeture des liens (fonction montre / cache) (il se trouve en bas de page) et insérez simplement


//]]>
</script>';

Voilou, c'est tout. A refaire après chaque patch impactant le fichier modifié

Faire le test si possible en local jusqu'a avoir le résultat souhaité

Une sauvegarde préalable du fichier est vivement conseillée

Info bulle Vs3 Image - par kamila le 13/01/2008 @ 11:01

Test Vs 3 Info Bulle Image, toujours en CSS

Image miniature --> image normale

Essai pour agrandir une miniature au passage de la souris

Info bulle Vs2 Image - par kamila le 01/01/2008 @ 10:57

Infobulle avec image

Réalisation: assez facile
Connaissance: un peu de CSS et de html

Object: Afficher une image (et du texte) au passage de la souris sur un lien sans passer par un javascript mais simplement avec des classes spécifiques dans la feuille de style et des balises appropriées dans le corps de texte.

Avantage: bien plus léger qu'un javascript et fonctionne même si celui ci est désactivé
Inconvénient: codage html en manuel

Exemple 1: Liens en ligne (avec boutons)

Lien-1Image 1
      Lien-2Image 2
      Lien-3Image 3
Vous voulez construire un site pour:
Présenter vos passions
Documenter un logiciel que vous utilisez
Partager vos photos
Parler de vous ou communiquer avec autrui ?
      Lien-4 image 4

Exemple 2: Liens dans du texte (liens surlignés)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, Lien-1Image 1
facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum Lien-2Image 2
, est ut placerat elementum, lectus Lien-3Image 3
Vous voulez construire un site pour:
Présenter vos passions
Documenter un logiciel que vous utilisez
partager vos photos
Parler de vous ou communiquer avec autrui ?
nisl aliquam velit, tempor aliquam eros nunc nonummy metus. In eros metus, gravida a, gravida sed, lobortis id, turpis. Ut ultrices, ipsum at venenatis fringilla, sem nulla lacinia tellus, eget aliquet turpis mauris non enim. Nam turpis. Suspendisse Lien-4image 4
lacinia. Curabitur ac tortor ut ipsum egestas elementum. Nunc imperdiet gravida mauris.

Réalisation

Ouvrez votre feuille de style et insérez les classes suivantes

/* infobulle image */
a.imag {
background-color : #ffff80; /* Couleur de fond du lien */
position: relative; /* necessaire sur certaines skins pour repositionner l'image dans la grille */
}
a.imag:hover {
border-bottom: 0px; /* indispensable pour IE */
cursor : help; /* Type de curseur au passage de la souris*/
}
a.imag span {
display:none ; /* cache les <span> placés dans le lien <a> */
text-decoration:none ; /* soulignement du lien */
color: #000000; /* Couleur du texte associé a l'image */
background-color : #ffffff; /* Couleur du fond de l'info bulle */
}
a.imag:hover span {
display: block; /* Montre le texte et l'image lors du passage du pointeur */
position: absolute; /* position de l'image dans une zone de l'écran par rapport au lien */
top: 20px; /* cette zone se situe à xxx pixels du haut du lien */
left: 5px ; /* cette zone se situe à xxx pixels de la gauche du lien */
border:solid 1px; /* Style de bordure de l'image */
padding: 4px; /* Marge intérieure à la bordure */
text-align:center; /* Centrage du texte associé à l'image */
z-index: 50; /*nécessaire avec certaines skins pour positionner l'image par rapport au fond */
}
/*fin infobulle image */

Comment faire apparaitre l'info-bulle avec l'image et le texte associé ?

Ecrivez normalement votre texte dans votre article ou votre éditorial, puis passez en mode source, repérez le mot (ou la phrase) sur lequel vous souhaitez positionner l'info-bulle et écrivez alors le codage suivant (on suppose que votre image est dans le répertoire img)

[a href="#" class="imag"]Lien-1[span]Texte image [br /][img alt="image.ext" src="http://www.votresite.ltd/img/image.ext" /][/span][/a]

Ex: Lien-1Texte image

Bien entendu, il est possible d'appliquer les balises html au texte de l'info-bulle

Nota: pour éviter l'interprétation du code, les balises < et > ont été remplacées par [ et ]

Les commentaires /* bla bla bla */ sont la pour vous aider dans les réglages de l'infobulle et peuvent être supprimés

La base de ce script a été trouvé je ne sais plus ou et entre autre sur mammouthland.net ...

Tests:
Firefox 2.0.0.11 --> ok
IE 6.0.0 --> ok
Opera 9.25 --> Ne fonctionne pas de façon vraiment satisfaisante ...

Ajuster la hauteur de la charte du forum - par kamila le 29/12/2007 @ 09:42

Réalisation: facile
Connaissance: aucune

Comment ajuster la hauteur de la charte du forum

L'affichage de la charte du forum est fixée a 300px (avant scroll) en lg 175 du fichier fortopic.php.

Si on souhaite mettre un texte court (3 ou 4 lignes d'avertissement) le résultat n' est pas très esthétique: grand espace vide à concurrence de 300px ...

Il suffit de modifier la valeur:

echo "<div style='margin:5px 40px; height:300px; overflow:auto;'>";

par la valeur souhaitée ( ici 170px )

echo "<div style='margin:5px 40px; height:170px; overflow:auto;'>";

C'est tout

Changer les puces des listes (menu) - par kamila le 14/12/2007 @ 12:46

Réalisation: très facile
Connaissance: aucune

Changer les puces des listes dans les menus

Vous voulez personaliser vos listes et avoir autre chose que le standard ?

Rien de plus facile car, le saviez vous, on peut créer ses propres puces grâce aux feuilles de style

Créez d'abord une petite image ( ) que vous appellerez li.gif par exemple

Téléchargez la dans le répertoire de votre skin

Ouvrez votre fichier style.css et modifiez ou insérez les classes suivantes:

ul.item li.item {
background-color : transparent;
padding : 2px 0px 2px 0px;
font-size : 10px;
font-family : Verdana, Helvetica, sans-serif;
color : #000000;
text-align : left;
/* list-style : none; */
list-style-image : url(li.gif); /* image de la puce */
margin-left:20px; /* positionnement de la puce par rapport au bord gauche */
}

Pas plus compliqué que ça ...

Nota: Pensez à supprimer l'affichage des puces dans le menu configuration ...

Masquer le bouton Admin - par kamila le 24/11/2007 @ 10:17

Réalisation: assez facile
Connaissance: un peu de php

Bouton Admin visible uniquement par l' Administrateur

Vous souhaitez être le seul a avoir accès au bouton Admin ?

Direction le fichier inc/boxmenu.inc

Vers la ligne 170, vous allez trouver le code suivant:

//Admin
    if ($serviz[45] == '' ) {
        // Class ajouté à la section du menu affichée
        $currentMenuClass = (strpos($currentPage, $menu_admin['url']) === false)? '' : ' current';

Que vous allez modifier comme suit en rajoutant le code suivant (attention a bien respecter la syntaxe)

//Admin bouton visible par uniquement par l'admin
    if ($serviz[45] == '' && $userprefs[1] == $serviz[31]) {
        // Class ajouté à la section du menu affichée
        $currentMenuClass = (strpos($currentPage, $menu_admin['url']) === false)? '' : ' current';

Voilou, c'est tout
a refaire après chaque release ou patch impactant le fichier boxmenu.inc

Mentions légales - par kamila le 22/11/2007 @ 20:41

► Droit d'accès

Vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données qui vous concernent conformément à l'article 34 de la loi "Informatique et Libertés" du 6 janvier 1978. Ce droit peut être exercé sur simple demande par mail auprès du Webmaster.

► Préférences:
"MyBlog (myblog.leouaibe.info)" souhaite implanter un "cookie" dans votre ordinateur. Ce "cookie" ne nous permet pas de vous identifier. il enregistre des informations relatives à vos préférences (pseudo, langue, configuration écran ...) que vous fournissez lors de votre visite ou de votre inscription. Ce "cookie" sera lu lors de vos prochaines visites. Vous retrouverez alors les choix de configuration enregistrés lors de votre inscription. La durée de conservation de ce cookie est fixé à 5 ans.
Vous pouvez vous opposer à l'enregistrement des "cookies" en configurant votre navigateur via les menus "Outils" (Internet Explorer, Mozilla Firefox), "Edition" (Netscape) etc. (voir l'aide ? de votre navigateur)
Le fait de refuser les "cookies" ne vous empêchera pas de visiter notre site.

► Inscription sur le site
Pour avoir accès à certaines parties ou fonctions du site, l'inscription est obligatoire. Les données collectées (pseudo, email, etc. ) sont exclusivement utilisées pour des envois d'informations et de vérifications. Ces informations ne seront pas communiquées à des tiers, des organismes ou a des sociétés commerciales.
L'inscription commence au moment ou le visiteur s'inscrit et fini lorsqu'il se désinscrit.

► Newsletter
L'adresse email collectée dans le formulaire "Lettre d'information" ne sera pas communiquée à des tiers, des organismes ou a des sociétés commerciales.
L'inscription commence au moment ou le visiteur s'abonne et fini lorsqu'il se désabonne.

► Forum et Livre d'Or
L'inscription est recommandée pour "poster" dans le Forum, le Livre d'Or, le Blog et les réactions aux articles. Nous nous réservons le droit de supprimer tout message que nous jugerions inopportun ou non conforme à la loi (propos injurieux, à caractère sexiste ou raciste ...), hors sujet ou non conforme a la "Netiquette".
Sur simple demande au Webmaster, toutes vos interventions peuvent être supprimées.
Toutes les interventions sont contrôlées par le Webmaster ou le Modérateur.

► Liens
Les sites auxquels vous pouvez accéder en utilisant les liens hypertextes présent sur notre site ne nous appartiennent pas. Nous déclinons toute responsabilité quand au contenu des informations fournies sur ces sites.

► Téléchargement
Sauf exception, nous ne proposons pas de téléchargement directement sur notre site. Ceux ci peuvent être réalisés grâce à des liens hypertexte renvoyant vers les sites d'origines.
Il vous appartient de vérifier l'intégrité des téléchargements que vous effectuez (virus, chevaux de Troie, etc.).

► Hébergement
Le site "MyBlog" (myblog.leouaibe.info) est hébergé par OVH SAS - 140 Quai du Sartel 59100 - Roubaix (France) et n'a pas été enregistré par la CNIL (dispense n° 6)

► Copyright
Le contenu des pages de ce site Web sont la propriété de myblog ou de leurs auteurs respectifs et sont protégées par les législations nationales et internationales sur les droits d'auteurs.
Toute reproduction totale ou partielle de ce site ou d'éléments de ce site (y compris les documents iconographiques et photographiques), par quelque procédé que ce soit est interdite et constituerait une contrefaçon sanctionnée par les articles L.335-2 et suivants du Code de la propriété intellectuelle.

⇒ Vous êtes toutefois autorisé à créer des liens hypertextes vers notre site sous les conditions suivantes:

� D'en informer au préalable le Webmaster du site "myblog" pour accord et échange éventuel de bannières ou de liens.
� Le lien doit aboutir sur la page d'accueil et notre site doit apparaitre dans une nouvelle fenêtre.
� Les pages de notre site ne peuvent au aucun cas être intrégrées à l'intérieur d'un autre site (frame).
� Un lien direct vers une page interne n'est pas autorisé.
� La source et l'objet du lien doivent être clairement cités
� Nous nous réservons le droit de demander la modification ou la suppression des liens qui ne respecteraient pas les règles ainsi définies

→ Si vous pensez qu'un élément utilisé sur ce site vous appartient et qu'il n'a pas été fait mention de votre droit de copyright, nous vous engageons à nous contacter par email pour rectification.