•  

    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.

     

    Partager via Gmail Yahoo! Google Bookmarks

    20 commentaires
//script feuille de style suppl