Creer votre blog photo | S'abonner à ce blog | Tous les blogs | Login | Fond Ecran

Tag Archive for 'personnaliser'

Mise en page évoluée pour vos articles

Un membre m’a demandé hier s’il était possible de :

« écrire du texte à gauche ou à droite des photos ? En quelque sorte faire une mise en page comme dans une revue ? »

Il existe une solution qui consiste à construire un tableau simple (1 ligne 2 colonnes) sous Word puis de le sélectionner, de le copier puis de le coller dans votre éditeur d’article à l’aide du bouton « Coller depuis word » ce qui vous donnera ceci:

   

Vous pouvez maintenant cliquer dans une case pour taper votre texte ou ajouter une image.

J’ai pris cette photo durant un safari au Kenya. L’idée de modifier la couleur des éléphanteaux m’est venue suite à une blague qu’on m’a faite: « alors t’as vu des éléphants bleus là-bas ? ». Je me suis dit pourquoi pas après tout et voila le résultat. bebe-elephant-rose-bleu-kenya-01.jpg

On se rapproche de la demande mais c’est pas encore tout à fait ça.

Regardons maintenant l’onglet code de plus près :

<table border= »1″ cellPadding= »0″ cellSpacing= »0″>
<tr>
<td width= »307″ vAlign= »top »>Voici le texte que je veux mettre à gauche de ma photo pour faire une présentation évoluée</td>
<td width= »307″ vAlign= »top »><a href= »http://fond-ecran-image.com/blog-photo/files/2007/10/bebe-elephant-rose-bleu-kenya-01.jpg » title= »bebe-elephant-rose-bleu-kenya-01.jpg »><img src= »http://fond-ecran-image.com/blog-photo/files/2007/10/bebe-elephant-rose-bleu-kenya-01.thumbnail.jpg » alt= »bebe-elephant-rose-bleu-kenya-01.jpg » /></a></td>
</tr>
</table>

Première chose à modifier à mon avis, la taille de votre tableau, on peut rajouter dans la balise table l’attribut width de manière à ce que votre tableau occupe toute la largeur de la page (et ce quelque soit le thème choisi):

width= »100% »

et du coup modifier aussi la largeur des deux colonnes. Il suffit juste de régler la balise width de la colonne de l’image à 100 pixels par exemple et de supprimer celle de la colonne du texte.

J’ai pris cette photo durant un safari au Kenya. L’idée de modifier la couleur des éléphanteaux m’est venue suite à une blague qu’on m’a faite: « alors t’as vu des éléphants bleus là-bas ? ». Je me suis dit pourquoi pas après tout et voila le résultat. bebe-elephant-rose-bleu-kenya-01.jpg
<table border= »1″ cellPadding= »0″ cellSpacing= »0″ width= »100% »>
<tr>
<td vAlign= »top »>J’ai pris cette photo durant un safari au Kenya. L’idée de modifier la couleur des éléphanteaux m’est venue suite à une blague qu’on m’a faite: « alors t’as vu des éléphants bleus là-bas ? ». Je me suis dit pourquoi pas après tout et voila le résultat.</td>
<td width= »100″vAlign= »top »><a href= »http://fond-ecran-image.com/blog-photo/files/2007/10/bebe-elephant-rose-bleu-kenya-01.jpg » title= »bebe-elephant-rose-bleu-kenya-01.jpg »><img src= »http://fond-ecran-image.com/blog-photo/files/2007/10/bebe-elephant-rose-bleu-kenya-01.thumbnail.jpg » alt= »bebe-elephant-rose-bleu-kenya-01.jpg » /></a></td>
</tr>
</table>

Maintenant que tout est en place, il ne reste plus qu’à cacher ce tableau pas beau en modifiant l’attribut border de mon tableau à 0 afin qu’il ne soit plus visible (mais malgré tout, toujours actif).

Et voila (enfin) le résultat final :

J’ai pris cette photo durant un safari au Kenya. L’idée de modifier la couleur des éléphanteaux m’est venue suite à une blague qu’on m’a faite: « alors t’as vu des éléphants bleus là-bas ? ». Je me suis dit pourquoi pas après tout et voila le résultat. bebe-elephant-rose-bleu-kenya-01.jpg

La seule chose vraiment intéressante à retenir dans tout ça, c’est que si vous voulez réaliser ce genre de présentation, vous avez juste à copier/coller le code ci-dessous dans votre éditeur de texte dans l’onglet CODE, repasser en mode VISUEL pour ajouter votre texte et votre photo puis changer le border à 0 :

<table border= »1 » width= »100% » cellPadding= »0″ cellSpacing= »0″>
<tr>
 <td vAlign= »top »>TEXTE</td>
 <td width= »100″ vAlign= »top »>PHOTO</td>
</tr>
</table>

Le Web.

Ajouter vos dernières photos exposées sur FEI dans la marge de votre blog

Un petit article pour une grande nouvelle.

Vous pouvez désormais ajouter dans la marge de vos blogs respectifs vos dernières photos exposées sur FEI via la widget « Mes dernières photos ».
Vous pouvez aussi ajouter les dernières photos de la page d’accueil à l’aide de la widget « Dernières photos » ainsi que « vos photos favorites ».

Une fois ajoutée, tout est mis à jour automatiquement.
Pour que cela marche, il faut par contre que le mail utilisé pour votre inscription sur le blog et sur le site soit le même.

Petit rappel sur la personnalisation de votre marge avec les widgets :
http://fond-ecran-image.com/blog-photo/blog/2007-10-02-comment-personnaliser-les-liens-dans-la-marge/

Vous avez actuellement un exemple dans la marge de droite et de gauche de ce blog. 

Le web.

Créer vos albums photos dans votre blog

Suite à la demande de certains, il semblait important que les bloggeurs de FEI puissent créer leurs propres albums photos.

C’est désormais possible en vous rendant dans Admin > Articles > Album Photo.

Vous pouvez créer autant d’albums que vous voulez et y ajouter autant de photos que vous le souhaitez.

N’oubliez pas que les photos que vous ajoutez dans vos albums photo doivent être réduites pour ne pas dépasser 200 ou 300 ko chacune. Pour réduire le poids de vos photos, vous pouvez utilisez les logiciels gratuites cités dans ces articles du forum:
> Réduire une série de photo
> Réduire une photo à la fois

Une fois que vous avez créé au moins un album, vous pouvez l’ajouter simplement à votre article en ajoutant [albumPhoto:ID] où ID est l’identifiant de l’album photo.

Exemples:

http://domi.fond-ecran-image.com/blog-photo/album/1
http://hubert35.fond-ecran-image.com/blog-photo/albums/1

Le web

Définissez votre avatar pour les blogs

Juste un tout petit article pour vous indiquer que vous pouvez choisir votre avatar pour le blog en allant dans Admin > Utilisateurs > Votre avatar.

Il apparaîtra devant chacun des commentaires que vous laissez.

A noter que cet avatar est tout petit  (40*40 pixels beaucoup plus petit que celui du forum) afin de prendre un minimum de place et qu’il sera sans doute réutilisé sur le site dans un futur proche.

Pendant qu’on est dans la personnalisation de votre profil, je vous invite aussi à vous rendre dans Admin > Utilisateurs > Votre profil afin d’indiquer dans la champs ‘Site web’ l’adresse de votre blog afin que votre pseudo devienne cliquable.

Le web.

Mettre une de vos photos en entête de votre blog

Suite à la demande de Hubert, vous pouvez désormais personnaliser votre blog en mettant en entête une de vos photos.

Pour ce faire, il vous faut sélectionner le thème K2 dans Admin > Apparence > Thème.

Ensuite, vous pourrez aller dans Admin > Apparence > Thème > Image d’entête personnalisée pour envoyer votre photo au format 780*200 pixels. Par défaut, votre photo sera affiché aléatoirement parmi tous les entêtes disponibles.

Si vous préférez avoir uniquement votre photo en entête et/ou un fond sombre pour mettre en valeur vos photos, rendez-vous dans Admin > Apparence > Thème > Options K2.

Le Web.

Comment personnaliser les liens dans la marge

Lorsque vous sélectionnez votre thème pour votre blog (Apparence > Thème), vous changez le design mais aussi les infos qui s’affichent dans la marge.

Si jamais le design vous plaît mais pas les infos contenues par défaut dans la marge, vous pouvez les réorganiser à votre guise à l’aide de composants prédéfinis réalisant chacun une tâche particulière nomée Widget:

Définition de widget : Elements visuels (statiques ou dynamiques) qui peuvent être mis sur une fenêtre : vos dernières photos, vos photos favorites, les dernières photos exposées sur FEI, zone de recherche, lien d’identification, pages d’archive, zone de texte pour vous présenter… etc.

Pour cela, vous devez vous rendre dans Admin > Apparence > Widgets.

De là, vous pouvez sélectionner les infos (petits carrés en bas) disponibles et les glisser dans la marge (grand rectangle) puis vous enregistrez les modifications.

A partir du moment où vous ajoutez une info, vous perdez toutes les infos affichées par défaut.

Si vous souhaitez revenir à la marge par défaut, il vous suffit de supprimer les carrés que vous avez ajoutés.

Le web.

Comment créer son blog sur FEI en 30 secondes

Pour créer votre blog, il vous suffit de cliquer sur le lien en bas de page: Créer un nouveau blog

Vous devrez vous créer un compte en fournissant un email valide puis vous pourrez choisir le nom de votre blog.

Pensez à donner un nom explicite: « le blog de XXX », « blog spécialisé dans la macro », « blog sur les animaux »…

Vous recevrez ensuite un mail vous permettant d’activer ce blog avec l’adresse pour y accéder.

Une fois que vous vous serez identifié (lien « identifiant » tout en bas de votre blog), vous aurez alors accès à la page d’administration vous permettant d’écrire vos articles (Onglet Ecrire >Ecrire un article > Ecrivez un Titre et votre article puis Publier), de personnaliser votre blog avec le thème de votre choix, de classer vos sujets par rubrique que vous créez vous-mêmes…

En clair, Votre site clé en main !