Voici mon premier essai d'océan, j'espère qu'il vous plaira. Par contre, j'ai eu un problème avec la font-size apparement. Je n'ai pas réussi à régler ça. Peut-être que quelqu'un sait pourquoi on ne peut pas avoir plus gros dans les colonnes?
Océan de Pseudo
;"> Présentation
Vestibulum varius quis ante at pharetra. Morbi nec dolor tellus. Aenean mollis aliquam velit vel sagittis. Vivamus pulvinar malesuada eros, et sollicitudin nisi consectetur vel. Vestibulum fermentum quam quis ante condimentum, ut faucibus libero tristique. Maecenas rhoncus semper arcu non ornare. Quisque elementum ante a arcu pharetra, id ultricies sapien ultricies. Vivamus at ligula ut purus sollicitudin mattis non ut est. Vestibulum tellus mi, laoreet ut molestie ut, ultrices vitae felis. Maecenas malesuada et nibh a maximus. Ut luctus tincidunt leo, ut ornare augue facilisis at. Ut et arcu nec lectus lacinia blandit vel a dolor. Nullam ut lorem consectetur velit gravida volutpat eu vel lorem. Fusce pretium lobortis quam, at imperdiet dolor laoreet eget.
Foire aux questions
Question
Réponse :Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget viverra ante, sit amet commodo risus. Nam posuere massa nulla, non venenatis urna mattis ut.
Question
Réponse : Vestibulum varius quis ante at pharetra. Morbi nec dolor tellus. Aenean mollis aliquam velit vel sagittis. Vivamus pulvinar malesuada eros, et sollicitudin nisi consectetur vel.
Question
Réponse : Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris.
Question
Réponse : Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Historique
Code:
<link href="https://fonts.googleapis.com/css?family=Pinyon+Script" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"> <center><div style="background-image:url('https://i.imgur.com/h039SBs.png');width :700px; height:1200px;border-radius: 30px 30px 30px 30px"> <br /> <br /> <div style="font-family: 'Pinyon Script'; cursive; width: 400px; height: 60px; margin-bottom: -80px; margin-top: 10px; background-color: white; opacity: 0.5; border-radius: 40px 40px 40px 40px;"><div style=" font-family: 'Pinyon Script', cursive; font-size: 50px; padding: 20px;">Océan de Pseudo</div></div> <div style="font-family: 'Pinyon Script'; cursive; width: 500px; height: 200px; background-color: white; opacity: 0.7; border-radius: 40px 40px 40px 40px; margin-top: 420px; overflow: auto;">;"><span style="font-family: 'Pinyon Script'; font-size: 40px;"><br/>Présentation</span><div style=" font-family: 'Pinyon Script'; font-size: 20px; text-align: justify; padding: 20px;"></div><p style="font-size: 25px; font-family: Cookie;">Vestibulum varius quis ante at pharetra. Morbi nec dolor tellus. Aenean mollis aliquam velit vel sagittis. Vivamus pulvinar malesuada eros, et sollicitudin nisi consectetur vel. Vestibulum fermentum quam quis ante condimentum, ut faucibus libero tristique. Maecenas rhoncus semper arcu non ornare. Quisque elementum ante a arcu pharetra, id ultricies sapien ultricies. Vivamus at ligula ut purus sollicitudin mattis non ut est. Vestibulum tellus mi, laoreet ut molestie ut, ultrices vitae felis. Maecenas malesuada et nibh a maximus. Ut luctus tincidunt leo, ut ornare augue facilisis at. Ut et arcu nec lectus lacinia blandit vel a dolor. Nullam ut lorem consectetur velit gravida volutpat eu vel lorem. Fusce pretium lobortis quam, at imperdiet dolor laoreet eget.</p></div> <div style="font-family: 'Pinyon Script'; cursive; width: 300px; height: 200px; background-color: white; opacity: 0.7; border-radius: 40px 40px 40px 40px; margin-top: 100px; margin-right: 200px; overflow: auto;"><span style="font-family: 'Pinyon Script'; font-size: 40px;"><br/>Foire aux questions</span><br/><br/><b>Question</b><br/><br/><p style="font-size:25px; font-family: Cookie;">Réponse :Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget viverra ante, sit amet commodo risus. Nam posuere massa nulla, non venenatis urna mattis ut.</p><br/><br/><b>Question</b><br/><p style="font-size:18px; font-family: Cookie;">Réponse : Vestibulum varius quis ante at pharetra. Morbi nec dolor tellus. Aenean mollis aliquam velit vel sagittis. Vivamus pulvinar malesuada eros, et sollicitudin nisi consectetur vel.</p><br/><br/><b>Question</b><br/><p style="font-size:25px; font-family: Cookie;">Réponse : Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris.</p><br/><br/><b>Question</b><br/><p style="font-size:25px; font-family: Cookie;">Réponse : Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p></div></div> <div style="font-family: 'Pinyon Script'; cursive; width: 200px; height: 350px; background-color: white; opacity: 0.5; border-radius: 40px 40px 40px 40px; margin-top: -420px; margin-left: 400px; overflow: auto;"><span style="font-family: 'Pinyon Script'; font-size: 40px;"><br/>Historique</span><p style="font-size:25px; font-family: Cookie;"></p></div></div>
Wouaaa, super joli @Dame Kaede !! Pour le font-size, j'ai essayé dans mon coin pour voir En fait tu as appliqué un css à tes titres, mais pas à ton texte, et ton texte se balade dans une div. J'imagine que ça pourrait fonctionner si tu appliquais un css à ta div, et je te conseille fortement d'encadrer ton texte de balises
!
De faire un truc comme ça par exemple :
Code:
<div> <p style="font-size:18px;">Vestibulum varius quis ante at pharetra. Morbi nec dolor tellus. Aenean mollis aliquam velit vel sagittis. Vivamus pulvinar malesuada eros, et sollicitudin nisi consectetur vel. Vestibulum fermentum quam quis ante condimentum, ut faucibus libero tristique. Maecenas rhoncus semper arcu non ornare. Quisque elementum ante a arcu pharetra, id ultricies sapien ultricies. Vivamus at ligula ut purus sollicitudin mattis non ut est. Vestibulum tellus mi, laoreet ut molestie ut, ultrices vitae felis. Maecenas malesuada et nibh a maximus. Ut luctus tincidunt leo, ut ornare augue facilisis at. Ut et arcu nec lectus lacinia blandit vel a dolor. Nullam ut lorem consectetur velit gravida volutpat eu vel lorem. Fusce pretium lobortis quam, at imperdiet dolor laoreet eget.</p> </div>
Par contre, même en grossissant la typo, je la trouve très difficile à lire En tout cas je me dis que je n'arriverais pas à lire tout un pavé en écriture script comme celle-ci, déjà de base sur un fond blanc, et encore moins sur un fond avec une baisse d'opacité Si je peux te donner un conseil, j'en choisirais une avec des formes plus rondes pour aider l’œil à discerner les lettres et donc à lire
Dame Kaede Baleine de Nemo
Messages : 1974 Date d'inscription : 02/08/2017 Age : 33
EDIT: Merci @Petit Cachalot, ça marche très bien, il est tout beau mon océan maintenant -enfin, à mon goût en tout cas, j'me jette pas de fleurs ^^-. Zoubi!
Chance Baleine de Nemo
Messages : 2005 Date d'inscription : 09/09/2015 Age : 22
Je suis honorée que mes petits travaux te plaisent, @Louve Ailée, j'ai encore si peu d'expérience et de pratique par rapport à toi. :3 Tant mieux si ma marraine est fière de moi! ^^ Et merci pour les compliments et les encouragements vous autres.
Louve Ailée Léviathan des Nymphes
Messages : 3660 Date d'inscription : 14/07/2015 Age : 28
Ooh oui, toujours fière de ma filleule ! Ooh non détrompe toi, je suis pas très douée en codage, je me contente de suivre des tutos ! La plupart de mes codages je les ai fait avec les tutos de @Arya sur le forum ^^ Ils sont vraiment chouette si on sait un peu grapher
Dame Kaede Baleine de Nemo
Messages : 1974 Date d'inscription : 02/08/2017 Age : 33
C'est vrai que ceux d'Arya sont super beaux aussi. ^^ Ton codage de présentation avec les roses m'a par contre donné aussi une idée, je l'expérimenterai quand j'aurai le temps. :)
Petit Cachalot Léviathan des Nymphes
Messages : 3373 Date d'inscription : 07/07/2016 Age : 100