• Alignement photo/texte

     

    ATTENTION: Penser à agrandir la fenêtre "édition d'un article" de la largeur réelle de l'article à l'écran , car le rendu de la mise en page dépend de la largeur des lignes ( exemple: deux images de 400px ne tiendront pas sur une même ligne inférieure à 800px, donc en visualisant dans une petite fenêtre de moins de 800px de large, vous risquez de faire une mise en page qui bougera forcément une fois sur un article de 900px de large)

     

     

    premier bouton image dans éditeur article,  pour insérer une image depuis son ordi vers l'article

    - j'ai choisi dimension miniature, alignement gauche puis  envoyer

    - Retour dans l'éditeur d'article, le curseur de la souris positionné à droite de l'image, j'ai copié du texte

    RENDU ci-dessous
     

    ( pour éloigner le texte du  bord droit ou gauche de l'image,
    j'ai ajouté dans le CSS  en passant par "modifier le thème" puis "ajouter du CSS"
    les lignes de codes suivantes


    /*ajout marge autour des images*/
    .article_text img {
    margin-right15px;
     margin-left15px;} 

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

    Alignement photo/texte

    nanes nascitur qua nascitur pomerium flatus nascitur diversitate urbis Romae et flatus inanes quicquid flatus vile flatus credi urbis orbos nec pomerium quorundam quorundam vile flatus coluntur aestimant coluntur flatus quicquid praeter quicquid flatus obsequiorum nec praeter extra esse sine flatus nascitur liberis obsequiorum esse credi obsequiorum esse praeter obsequiorum inanes potest homines liberis credi quorundam flatus liberis homines inan nanes nascitur qua nascitur pomerium flatus nascitur diversitate urbis Romae et flatus inanes quicquid flatus vile flatus credi urbis orbos nec pomerium quorundam quorundam vile flatus coluntur aestimant coluntur flatus quicquid praeter quicquid flatus obsequiorum nec praeter extra esse sine flatus nascitur liberis obsequiorum esse credi obsequiorum esse praeter obseq

     

    Différentes procédures:

    A- AVEC ICONE "IMAGE", ajouter une image:

    1. Écrire du texte ou coller du texte dans le cadre "Nouvel article".
    2. Le  curseur souris positionné en début de paragraphe (devant le mot "Inanes")
      ajouter une image (premier icone "Image" de la barre outils éditeur article.)
      depuis son ordinateur ou avec son url (http si déjà hébergée sur Ekladata).
      dans lea fen$etre de dialogue, on peut régler les dimensions de l'image affichée , la faire ouvrir en dim originales avec clic souris dessus et surtout choisir l'alignement:
      Dans l'exemple ci-dessous, taille perso première case 250 px, case ouvrir grande taille cochée et  alignement à gauche

     

    InAlignement photo/texteanes nascitur qua nascitur pomerium flatus nascitur diversitate urbis Romae et flatus inanes quicquid flatus vile flatus credi urbis orbos nec pomerium quorundam quorundam vile flatus coluntur aestimant coluntur flatus quicquid praeter quicquid flatus obsequiorum nec praeter extra esse sine flatus nascitur liberis obsequiorum esse credi obsequiorum esse praeter obsequiorum inanes potest homines liberis credi quorundam flatus liberis homines inanes esse liberis nec aestimant obsequiorum potest vile qua sine pomerium aestimant homines esse potest potest pomerium diversitate liberis diversitate quorundam esse diversitate vile qua et praeter.

     

     

     

    B- AVEC ICONE "insérer/éditer une image" ( petit paysage montage seul):

    1. Écrire du texte dans le cadre "nouvel article"
    2. Placer curseur souris devant premier mot "quam".
    3. "insérer/éditer une image" (image depuis mes fichiersEkla, dimension démandée, seule la première case remplie (largeur) et case respecter proportionnalité cochée). Jusque là, la photo n'est pas encore bien placée mais ....
    4. clic sur photo pour la sélectionner et clic "Aligner à droite" dans la barre outils de l'Eklaéditeur

     5- Suite à remarque de Stormalo dans les commentaires, le pavé de texte ci-dessous est "justifié" avec le bouton dans l'éditeur de texte.

     

    align image droitQuam ob rem vita quidem talis fuit vel fortuna vel gloria, ut nihil posset accedere, moriendi autem sensum celeritas abstulit; quo de genere mortis difficile dictu est; quid homines suspicentur, videtis; hoc vere tamen licet dicere, P. Scipioni ex multis diebus, quos in vita celeberrimos laetissimosque viderit, illum diem clarissimum fuisse, cum senatu dimisso domum reductus ad vesperum est a patribus conscriptis, populo Romano, sociis et Latinis, pridie quam excessit e vita, ut ex tam alto dignitatis gradu ad superos videatur deos potius quam ad inferos pervenisse.

    Et hanc quidem praeter oppida multa duae civitates exornant Seleucia opus Seleuci regis, et Claudiopolis quam deduxit coloniam Claudius Caesar. Isaura enim antehac nimium potens, olim subversa ut rebellatrix interneciva aegre vestigia claritudinis pristinae monstrat admodum pauca.

     

    C - pour insérer une photo à gauche et une photo à droite d'un texte

    1. Si icone "Insérer /éditer image"( où dans la fenêtre de dialogue il n'y a pas le réglage 'alignement image' ),
      une fois l'image insérée dans l'article avant enregistrement, cliquer sur image pour la sélectionner et utiliser les icones d'alignement de la barre outils de l'éditeur d'article  Alignement photo/texte. Dans exemple ci dessous, première image insérée: kaléidoscope alignée gauche.
    2. On tape son texte
    3. Curseur de la souris positionné devant le premier mot du paragraphe ( c'est à dire entre première image et 'Et', "insérer/éditer image" pour envoyer la deuxième photo . cliquer sur deuxième photo pour la sélectionner puis alignement droit avec l'icone outil dans l'éditeur d'article.
    4. Suite à remarque de Stormalo dans les commentaires, le pavé de texte ci-dessous est "justifié" avec le bouton dans l'éditeur de texte

     

     Et quoniam mirari posse quosdam peregrinos existimo haec lecturos forsitan, si contigerit, quamobrem cum oratio ad ea monstranda deflexerit quae Romae gererentur, nihil praeter seditiones narratur et tabernas et vilitates harum similis alias, summatim causas  perstringam nusquam a veritate sponte propria digressurus.

     

    « Bonjour animé en CSS3 purBoutons clignotants »
    Partager via Gmail Yahoo! Google Bookmarks

    Tags Tags :
  • Commentaires

    1
    Maximum 34
    Lundi 9 Décembre 2013 à 20:29

    essai sans être connecté avec un pseudo qui existe déjà !! ( puisque c'est le mien !!

    2
    Mardi 10 Décembre 2013 à 06:58

    Yess, ça fonctionne, comprends pas ce qui s'est passé précédemment !

    3
    Jeudi 12 Décembre 2013 à 13:43

    C'est la taille de ton écran 

    Faut absolument que tu vois plus grand 

     

    Bi z z     

    4
    Jeudi 12 Décembre 2013 à 16:54

    Ben, voilà, je peux même me connecter avec ton pseudo ! Pas un problème d'écran... lol ! mais peut-être bien un problème de cache !

    Bises.

    5
    Jeudi 12 Décembre 2013 à 17:52

    T'es une petite coquine, toi !!               mais c'est pas vrai:

    d'abord ,tu as fait une erreur de frappe et puis après, tu ne peux pas te connecter à mon Eklacompte ( comme je ne peux ni personne ne peut se connecter à ton eklacompte, sans en connaitre le mot de passe administrateur)

    Alors, arrête de te faire passer pour moi sinon je mords max en colère !

    Compris ? 

    6
    Jeudi 12 Décembre 2013 à 19:11

    Ben ça alors, me suis gourée mais fallait que j'essaie de nouveau ce trucmuch ! Maintenant ça y est, je crois que j'ai tout compris ! Tu ne m'en veux pas, dis !  


    Allez bises !

    7
    Jeudi 12 Décembre 2013 à 21:10

    Tu veux rire ou quoi !  Dès que j'en ai l'occasion, je te destroy ton blog. 

    GREEEEEUUUU

    PS: C chouette de déblatérer dans les comms.  On croirait deux ados ! ça nous rajeunit, hein ?

    8
    Vendredi 13 Décembre 2013 à 11:03

    Allez, j'en rajoute une petite couche avec mon pseudo sans être connectée pour être sûre sûre sûre... absolument sûre... lol ! Et après je te promets, j'arrête, des fois que tu mettrais tes menaces à exécution ! T'as raison on dirait des ados ! Et en plus je viens de découvrir tout ça !... et là c'est carrément de l'enfantillage lol !


    Bises et bonne journée ensoleillée ! A+


     


     

    9
    chaxel
    Mercredi 25 Décembre 2013 à 18:23

    Bonsoir,

    Je visite le site.

    10
    Samedi 11 Janvier 2014 à 21:41

    bonsoir mon amie

    alors voila j 'ai décocher  n autorise que les menbres à commenter

    puis aléger ma page d acceuil kom vous m avez écris

    et par la suite je retire les points tillier

    voila je vous remercie boko de votre aide de plus il se fait tard

    je vous remercie de votre gentillesse et votre patience à mon égard

    je vous souhaite une bonne nuit  gladyse

    11
    Samedi 11 Janvier 2014 à 21:46

    gros bisous du soir ps

    j arrive à mètre des images dans les blogs une amie ma appris

    j espère que tout sa sa vas s arranger tres vite j'aime boko ce site.

    12
    Dimanche 12 Janvier 2014 à 12:06

    BONJOUR MA GENTILLE AMIE

    JE VOUS SOUHAITE UN BO DIMANCHE PARMIS CEUX QUE VOUS AIMEZ.

    VOILA TOUT VAS BIEN  GRAVE A VÖTRE  AIDE VOUS ËTES TRES GENTILLE ET VOUS REMERCIE BOKO

    J AI BIEN LU VOS MESSAGES A MON BLOG  C EST FORMIDABLE.

    JE VOUS DIS VOUS PAR RESPECT. JE VOUS LAISSE LE TU POUR MOI C EST COOL.

    JE VOUS FAIT DE GROS BISOUS BIEN CHAUD  PAS TRES CHAUD DEHORS.

    JE ME SUIS LEVER UN PEU TARD TROP BIEN SOUS LA COUETTE DUR DE SE LEVER,JE PENSE POUR VOUS OSI.

    ET KOM JE DIS A TOUT MES AMIS( ES )BONHEUR A TON TI COEUR;

    tres joyeuse journée    GLADYSE

    LA PROCHAINE FOIS JE MET UNE IMAGE

    MERCI MIL FOIS DE VOTRE GRACIEUSE AIDE

    13
    Dimanche 12 Janvier 2014 à 12:11

    MERCI MA TITE FEE J AI LU TOUT LES COMS  MERCI DE TOUT MON COEUR  GLADISE

    14
    Dimanche 12 Janvier 2014 à 12:54

    GROS BISOUS TITE FEE       GLADYSE

    15
    Dimanche 12 Janvier 2014 à 18:13

    Bonsoir Gladyse, 

    Merci pour tes gentils commentaires.

    Je suis content que ton problème de commentaires sur ton blog soit arrangé.

    Bon fin de dimanche ..il n'en risque plus grand chose...

    Post-Scriptum: Lorsqu'on écrit en MAJUSCULE  sur le net, c'est surtout  pour montrer qu'on parle fort car sur le net où on parle par écrit, il n'y a pas de son !!

     

    et comme je ne crois pas que ce soit ton cas (de crier),  il vaut mieux que tu évites les majuscules car ça risque d'être mal interprété)

    16
    Dimanche 12 Janvier 2014 à 21:51

    Bonsoir,

    Bel inventaire pratique des possibilités.
    Une petite question: ça devrait fonctionner aussi (avec un résultat plus esthétique) si on "justifie" le texte, non ?

    PS: trop de soucis informatiques en ce moment pour tester moi même.

    bonne semaine.

    17
    Dimanche 12 Janvier 2014 à 22:03

    Bonsoir Stormalo, 

    très bonne remarque, comme d'hab' 

    je viens de justifier certains pavés de texte et c'est plus joli.

    Merci Stormalo

    Mais qu'est-ce qui t'arrive avec l'informatique , tu as ton ordi qui te lache ?

    bonne soirée

    18
    Lundi 13 Janvier 2014 à 20:33

    Tout à fait ça ! crash de disque dur le 01 janvier et des fichiers évaporés. Dans les voeux que j'ai reçus il  devait y avoir un bug !

    Ensuite, mise en service problématique d'une solution portable en secours. 

    A ce jour, ordi réparé en cours de réinstallation + de bonnes résolutions pour la suite...   ....comme toujours bien sûr.

    19
    Lundi 13 Janvier 2014 à 21:13

    c'est ok pour mon écriture tite fée

    passe une douce soirée, et gros bisous du soir

    maintenant je parle zen merci, de me l'avoir dis  car je savais pas

    c'est vrais sa peu être désagréable d'écrire gros pour ses amis( es),je ferais plus promis.

        Gladyse

    20
    Mardi 14 Janvier 2014 à 11:06

    Bonjour Stormalo,

    Ah, la sécurité sur le net, c'est la plaie
    En ce moment, j'ai 3  malware détectés par spybot mais c'est tout de même un comble de se ramasser des saloperies dans des voeux . J'espère que tu n'as pas trop perdu de fichiers..on peut pas non plus, tout le tps tout sauvegarder..

    Longue vie à ton nouveau PC réparé
    ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤

    Bonjour Gladyse,
    Merci pour ton gentil message.

    Tu sais, c'est normal, on ne peut pas tout savoir tout de suite...
    Prend bien soin de toi. Bonne semaineMax 34



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


//script feuille de style suppl