Overblog Suivre ce blog
Administration Créer mon blog
9 mai 2012 3 09 /05 /mai /2012 00:00

 

 

Un menu qui se déplie ça te tente?
En voila un que je viens de mettre au point et ce sans prise de tête, une partie de HTML et une partie de CSS

Partie 1

À mettre dans le HTML de ton article en n'omettant pas de changer les liens et les titres des boites

<div class="ma_boite">
<div class="title_box">Première boite</div>
<div class="content_box" style="overflow: none;">Ici tu peux mettre un lien.</div>
</div>
<div class="ma_boite">
<div class="title_box">Seconde boite</div>
<div class="content_box" style="overflow: none;">Ici tu peux mettre un second lien.</div>
</div>
<div class="ma_boite">
<div class="title_box">troisième boite</div>
<div class="content_box" style="overflow: none;">Ici tu mets un troisième lien.</div>
</div>
<div class="ma_boite">
<div class="title_box">quatrième boite</div>
<div class="content_box" style="overflow: none;">Ici tu mets un quatrième lien.</div>
</div>


Tu peux évidement y mettre autant de boites que tu le désires, il te suffit de recopier à chaque fois  le codage

 

<div class="title_box">le titre</div>
<div class="content_box" style="overflow: none;">Le lien.</div>
</div>

 

Partie2

À mettre dans la CSS, tu peux modifier les couleurs, hauteurs etc

.ma_boite
{background-color:transparent;
width:250px;
height:20px;
overflow:hidden;
transition: height 1s;
-moz-transition: height 1s;
-webkit-transition: height 1s;
-o-transition: height 1s; 
}

.ma_boite:hover
{
height:150px;
}
.title_box
{
color:#FFFFFF;
background-color:#ae7eb0;
border: 1px solid #FFFFFF;
border-radius: 5px;
}
 
Et voilà le résultat


Poésie
Tutoriels pour photofiltre
Aide graphique pour blogs
Aide CSS et HTML

Partager cet article

Repost 0
Publié par Flo-Avril - dans Aide blog HTML CSS
commenter cet article
8 avril 2012 7 08 /04 /avril /2012 12:02

 

 

 

 

Marre de te faire piquer tes photos ou tes créations? La signer n'est pas toujours très esthétique, voilà donc peut-être une alternative pour apppliquer un bon copyright fiable, ça demande juste de savoir se servir d'un logiciel genre photofiltre et de suivre mes explications pour créer un fond.

 

Faire un fond transparent pour mettre sur du texte ou une photo

 

Ouvrir nouvelle image taille de la même grandeur que la photo du blog,  couleur sans importance
Aller sur image, couleur de transparence, tolérance 50 ok
Image>mode>RVBA, couche alpha
Calque-> nouveau, opacité50%
Calque->fusionner tous les calques
Enregistrer en png
Et voilà votre image est créée

 

L'idée m'est venue après un article d'un modo P.E.U.R, il appliquait une méthode similaire, pas la même mais elle marchait très bien. Je pense que la mienne est plus simple et accessible au blogueur lambda.

L'idée est de mettre une "vitre" c'est à dire une image totalement transparente (donc au format png) par dessus la vraie image à protéger.

PRINCIPE: Je propose d'utiliser une cellule de tableau unique (en fait un tableau de 1 ligne x 1 colonne), de mettre l'image réelle en image de fond de la cellule de créer une image transparente en png aux mêmes dimensions que l'image d'origine et de l'insérer par dessus. L'illusion est totale pour le visiteur qui ne verra même pas la cellule si les bordures n'ont pas de couleurs.( Évidement c'est à toi qu'il appartient de ne pas mettre de couleur.
Le navigateur à qui il sera demandé de copier l'image...récupérera juste la "vitre". Donc une image vide...Le copieur quand il ouvrira son image n'aura qu'un fond en png et non l'image qu'il croyait s'approprier !

Comme l'éditeur d'OverBlog ne permet pas que les images se superposent, en source le codage se présentera de la sorte

 

<table border="0" width="253" height="256">
<tbody>
<tr>
<td style="width: 253px; height: 256px; background-image: url(image réelle);">
            <img src="image en png" class=" noAlign" style="display: block; border: 0px solid #000; margin: -1px -1px;" height="256" width="253" />
          </td>
</tr>
</tbody>
</table>

 

  width= largeur

height=hauteur

 

Bon amusement...

 

 

 

 

 

 

 

Partager cet article

Repost 0
Publié par Flo-Avril - dans Aide blog HTML CSS
commenter cet article
20 mars 2012 2 20 /03 /mars /2012 01:00

 

 

Question récurrente sur les forums, comment faire une copie ou capture d'écran? 

 

Pas toujours facile de faire une copie d'écran ou screen shot quand on est profane en informatique, il faut chercher sur le clavier la touche adéquate, mais où se cache cette touche?
Voici une liste non exhaustive des touches que vous pouvez trouver sur les claviers, à vous de voir où est la votre ! Cette touche se trouve le plus souvent à la droite de la touche F12

clavier.jpg

  • Print Sc
  • Pr Sc
  • PRTSC
  • Print Screen
  • Impr Ecran
  • Imp Ecran
  • Imp Ec
  • Impécr


Vous ne risquez rien en appuyant dessus, pas de panique, il ne se passera rien après ça,  pour récupérer cette capture:  ouvrez un logiciel de traitement d'images photofiltre gratuit ou Paint dans word,démarrer, tous les programmes, accessoires->Paint. CTRL+V =coller ou la touche édition->coller.
Enregistrez l'image sur votre pc dans votre fichier images.
Il vous reste à mettre l'image sur un hébergeur où dans vos documents sur over-blog et donner l'url récupérée.

 

Cliquez pour voir l'image en grand

 

Partager cet article

Repost 0
Publié par Flo-Avril - dans Aide blog HTML CSS
commenter cet article

Un Sujet En Particulier ?

Sur ce blog il y a

Passe ta souris sur la première lettre de chaque ligne

Blogopotes

Cet ensemble de miniatures, représente mes amis, les personnes chez qui j'aime flâner et faire un petit coucou , laisser un commentaire chaque fois que j'en ai envie.

 

Si vous désirez vous y retrouver, laissez-moi un coucou à votre tour, je me ferai un plaisir de vous y accrocher et j'irai vous écrire une petite bafouille à mon tour.

Pose ton curseur sur les miniatures, tu verras apparaître les pseudonymes et tu auras le lien du blog

 

 

Alain TreiZe Aummani chtinoeil bubuneJoëlCannelle Dany Dix DomSimone Déesse GL katara PatriciaMamyAnnick Marie M-T Michel Nouche Patmamy QuichottineBigornette Nanou SpipAlainJeeretGabClnKinouLCDAndréla-cachinaM_PZip de loupTatarinetteAlinebikerMahinaFrançoisePaqueretteLaurentPatriarchGeoElianeValentineJ-P SilvestreMentaleJeanCricketValerieTiotTimiloKryNefertitiMartineTotoFancriSylfanfleur de lysBrenPhilippeZapiCloMichelOcecoolMartineRogerNadiaD@net

---------------------

Mon troisieme recueil

Thebook edition a classé mon recueil dans la catégorie adultes, certains de mes poèmes étant érotiques

Acheter Foucades en mots tressés

http://a-fleur-de-plume.eklablog.com/

Ah tu es là

Mon premier recueil de poésies

Un second recueil avec une meilleure présentation et de nouveaux poèmes,  vient de voir le jour .

N'hésitez pas à vous l'offrir ou à l'offrir pourquoi pas !

 

Le livre