Un forum de discussions pour parler de tout et de rien, de vos études,de vos vacances,de vos loisirs et faire plein de connaissances
 

4 résultats trouvés pour FFFFFF

AuteurMessage
Tag ffffff sur Ocean Home TO8Q2fVSujet: [TOP] Sweet'Art
Nevida

Réponses: 18
Vues: 758

Rechercher dans: Fiches de nos Partenaires   Tag ffffff sur Ocean Home EmptySujet: [TOP] Sweet'Art    Tag ffffff sur Ocean Home EmptySam 11 Aoû - 15:51
 
• LES NOUVEAUTÉS DE SWEET'ART •





Les nouveautés du mois de Juin et Juillet 2018

Tout d'abord, nous tenons à nous excuser pour le retard accumulé dans la publication de nos nouveautés ! Nous avons rencontrons quelques difficultés puisque beaucoup de nos staffiens dont nous, étions en vacances ! Et oui, faut bien partir en vacances ! De ce fait, cela fait depuis 2 mois qu'il n'y a plus qu'une seule fondatrice pour gérer le fonctionnement du forum dans son intégralité et encadrer les staffiens ! Mais nous voilà enfin, nous faisons donc un gros résumé de ce qu'il s'est passé sur Sweet'Art durant cette période ! :)

Les nouveautés :
- Le système de votes par ticket a été supprimé pour laisser place à un système de votes par sondage ! Depuis sa mise en place, nous récoltons plus de votes aux concours, challenges et combats !
- Le système d'archivage des expositions a été modifié ! Désormais, seules les expositions inactives depuis plus de 6 mois seront archivées.
- La Sweet'Box (Chat'Box) du forum a été définitivement supprimée puisque nous n'avions trouvé personne pour la modérer.
- Nous avons mis en place un nouveau concept : Les quêtes hebdomadaires ! Toutes les semaines, nous proposons un lot de 3 nouvelles quêtes à réaliser contre l'obtention de points ! Le concept rencontre pour le moment un franc succès !
- Les récompenses du membre d'or ont été regarnies ! Désormais, le membre d'or remporte un kit au choix parmi ceux de la galerie cachée. De plus, son exposition est épinglée pendant 1 mois pour une meilleure visibilité !
- Tout membre qui prendra le temps de justifier son vote lors des votes effectuera ce que l'on appelle un "vote commenté" qui sera désormais récompensé de 4 points !
- Le forum a soufflé sa première bougie d'anniversaire ! Voilà déjà 1 an que Sweet'Art a vu le jour et ne cesse de grandir ! Notre forum évolue dans le bon sens et profite aujourd'hui d'un très bon référencement sur les moteurs de recherche ! Nous sommes fières de ça !
- Pour l'occasion de son anniversaire, nous avons organisé un événement tout particulier intitulé "Fête de l'amitié" au cours duquel les membres s'offrent des cadeaux par centaine pour exprimer leur attache au forum et à la communauté !
- Un nouveau sujet "vos idées de thèmes" a été créé afin que les membres puissent proposer les thèmes qui leur plaisent. Ainsi, nous pourrons les proposer lors de prochains concours/challenges !
- Il a été demandé à nos membres de rendre tout commentaire qui leur a été fait afin de conserver une bonne activité dans les expositions et pour que tout le monde puisse bénéficier de commentaires constructifs de manière plus régulière !
- Concernant les boutiques, les membres peuvent désormais passer autant de commandes qu'ils le souhaitent, elles ne sont plus limitées à deux simultanées.
- Nous avons également mis en place un concept de parrainage qui sera proposé à tous nos nouveaux membres ! Ces derniers pourront décider s'ils souhaitent ou non en bénéficier. Si c'est le cas, un parrain ou une marraine viendra lui proposer ses services durant 6 mois maximum. Tout ceci est dans le but d'accompagner le nouveau arrivant, de répondre à ses questions et de faire en sorte qu'il devienne autonome sur le forum. Nous ferons notre maximum pour que chacun puisse trouver sa place.

Les recrutements :
Aldnoah (ancienne modératrice) a été promue administratrice ! Elle travaille désormais auprès de Nevida (moi) et Altéa pour encadrer les staffiens et gérer le forum dans sa quasi-globalité ! Dans ce même temps, Linoa (graphiste) a dû rendre son tablier pour des raisons privées ! Nous la remercions pour ce qu'elle a accompli sur le forum en tant que staffienne !
Nous recherchons urgemment des personnes motivées pour compléter notre équipe ! N'hésitez pas à nous rejoindre, si vous souhaitez vous investir pleinement sur un forum de graphisme actif !

Les concours, challenges et animations en cours :
Prochain challenge à venir : Le 15/08
Concours en cours : Sweet'Contest N°18 sur le thème "Duo infernal"
Animation en cours : Combat inter-team (votes en cours)

Quelques statistiques : Sweet'Art a déjà accueilli 259 membres. Ces derniers ont posté 27025 messages ! Le forum est encore tout jeune c'est pourquoi nous cherchons des membres actifs et motivés pour l'animer et participer à l'évolution du forum.   Nous n'attendons plus que toi  alors viens vite nous rejoindre !

       

~ Rejoins-nous sur Sweet'Art~
www.sweetart-forum.com



Tag ffffff sur Ocean Home TO8Q2fVSujet: [TOP] Sweet'Art
Nevida

Réponses: 18
Vues: 758

Rechercher dans: Fiches de nos Partenaires   Tag ffffff sur Ocean Home EmptySujet: [TOP] Sweet'Art    Tag ffffff sur Ocean Home EmptySam 21 Avr - 16:24
Merci Nyx :)




• LES NOUVEAUTÉS DE SWEET'ART •

- Nouveautés des mois de Mars et Avril 2018 -

Les nouveautés :
- Le forum arbore un nouveau design aux couleurs très fraîches et printanières !
- Une nouvelle page d'accueil a été codée pour le confort des membres.
- Nous avons procéder à la refonte N°2 du forum, nous avons apporté de nombreuses modifications !
- La Sweet'Box a été ré-ouverte au cours du mois d'Avril 2018 grâce au recrutement d'un nouvel enchanteur (animateur).
- Les mini-clubs ont été entièrement repensés et s'affrontent désormais dans le cadre d'une compétition acharnée ! (système de points, concept, rapport de missions,...)
- Le forum bénéficie désormais d'une bonne visibilité sur les moteurs de recherche !
- Les sections inactives ont été supprimées et le système de votes des concours/challenges a été repensé.
- La section "Formation" a été entièrement refaite pour un fonctionnement plus simple et intuitif.

Les recrutements :
Belloc a rejoint le staff en tant qu'enchanteur (animateur); il est le référent de la Sweet'Box ! Il y organise des animations diverses pour assurer de bons moments de convivialité entre membres ! Aldnoah est devenue également enchanteresse (animatrice) en plus de son poste de gardienne (modératrice) pour donner un coup de main supplémentaire au forum. Malgré cela, le staff reste en sous-effectif donc si tu as envie de te investir sur un forum de graphisme, rejoins-nous sans hésiter, nous avons besoin de toi !

Les concours, challenges et animations en cours :
- [CONCOURS] • Sweet'Contest N°09 - Les Années 80
- [CHALLENGE] • Sweet'Challenge N°14 - Le Printemps
- [ANIMATION] • Animation Sweet'Box N°02 -Sweet'Box' Up

Quelques statistiques :
Sweet'Art a déjà accueilli 182 membres. Ces derniers ont posté 18 887 messages ! Le forum est encore tout jeune c'est pourquoi nous cherchons des membres actifs et motivés pour l'animer et participer à l'évolution du forum. Nous n'attendons plus que toi alors viens vite nous rejoindre !

Merci à nos partenaires de bien vouloir échanger nos nouveaux boutons contre les anciens :

  

~ Rejoins-nous sur Sweet'Art~
www.sweetart-forum.com


Pouvez-vous modifier la description du sujet s'il vous plait car nous ne sommes plus un forum de codage mais exclusivement de graphisme merci à vous :)
@Nyx
Tag ffffff sur Ocean Home TO8Q2fVSujet: Cours #1 : Créer un bloc, mise en page d'un texte.
Arya

Réponses: 35
Vues: 1706

Rechercher dans: Tutoriaux   Tag ffffff sur Ocean Home EmptySujet: Cours #1 : Créer un bloc, mise en page d'un texte.    Tag ffffff sur Ocean Home EmptySam 4 Nov - 17:14


Langage : CSS&HTML
Niveau : Débutant
Temps : 15 minutes
Auteur : Arya
Créer un bloc et un texte

Aloha ~  :neko1: Alors ça fait pas mal de temps que j'avais envie de faire un tuto pour vous apprendre à coder, et puis je n'ai jamais eu le temps. :neko17:
Même là en fait je n'ai pas le temps mais j'ai décidé de séparer le cours en plusieurs parties afin que ce soit plus rapide pour moi de poster un tuto (je me mets au défi de faire un tuto en moins de 30 minutes si possible  :neko15: )



Nous allons apprendre à faire un bloc tout d'abord. C'est tout simple. La balise div vous permettra de créer un bloc et vous devriez lui attribuer plusieurs fonctions afin que le bloc prenne forme.
Code:
<div="1erAttribut;2èmeAttribut;3èmAttribut;"></div>

Le Html c'est tout ce qui est sous le forme de "<..>" Le CSS c'est tout ce qui est "1erAttribut;2èmeAttribut;3èmAttribut;". En bref le HTML forme le corps, le CSS forme les couleurs, les images, c'est le contenu. Il y a toujours des points virgules entre chaque attribut même s'il se trouve à la fin du CSS. Pensez également à bien referme le crochet en HTML. :neko5:

Déjà nous allons décider de la hauteur→height et de la largeur→width de notre bloc. Prenons par exemple 450*600px. On les insère ainsi.
Code:
<div style="width:450px;height:600px;"></div>

Simple non ?  :neko15:

Sauf que là nous avons créer une zone vide. Alors pour compléter ça, on peut soit choisir une image, soit une couleur. Nous allons commencer par simplement y mettre une couleur de fond→background-color. Votre couleur doit être en html code, il commence par # et comporte 6 chiffres. Exemple : #000000=noir et #FFFFFF=blanc
Pour chercher la couleur de votre choix je vous propose ce site :
https://html-color-codes.info/Codes-couleur-HTML/
Code:
<div style="width:450px;height:600px;background-color:#F2F2F2;"></div>


Mettons ensuite des bordures à ce bloc. Pour cela, nous utilisons border-right, border-left, border-top, border-bottom (droite, gauche, haut, bas). On les utilise ainsi : border: XXpx #000000 solid/dotted/dashed..etc Solid c'est pour faire une ligne continue, dotted une ligne en pointillée et dashed pour une ligne segmentée. Vous pouvez vous amuser à varier et faire comme vous voulez !
Code:
<div style="width:450px;height:600px;background-color:#F2F2F2;border-top:1px #F0ADAD dotted; border-bottom:1px #F0ADAD dotted; border-right:8px #F0ADAD solid; border-left:8px #F0ADAD solid;"></div>

RESULTAT 1 (ci-dessous)

Ajoutons-y un titre. Pour trouver une belle police je vous conseille de chercher ici :
https://fonts.google.com/
J'ai choisi Homemade Apple, mais faites comme vous voulez :neko5:
Google me donne donc deux choses :
Code:
<link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet">

ça va aller juste avant votre titre, c'est du html
Code:
font-family: 'Homemade Apple', cursive;

ça va aller dans la div du titre car c'est du css
Créons une nouvelle div dans la div précédente et ajoutons un titre ainsi :
Code:
<div style="width:450px;height:600px;background-color:#F2F2F2;border-top:1px #F0ADAD dotted; border-bottom:1px #F0ADAD dotted; border-right:8px #F0ADAD solid; border-left:8px #F0ADAD solid;">
<div style="font-family: 'Homemade Apple', cursive;color:#85CFBE;font-size:30px;"><link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet">Titre au choix</link></div></div>

Le link vient de Google font, et le css inséré aussi. On applique une couleur avec color et on choisit une taille de police avec font-size.
RESULTAT 2 (ci-dessous)

Comme le titre dépasse en haut, on lui rajoute une marge inférieure → padding en haut → top ainsi :
Code:
<div style="width:450px;height:600px;background-color:#F2F2F2;border-top:1px #F0ADAD dotted; border-bottom:1px #F0ADAD dotted; border-right:8px #F0ADAD solid; border-left:8px #F0ADAD solid;">
<div style="font-family: 'Homemade Apple', cursive;color:#85CFBE;font-size:30px;padding-top:20px;"><link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet">Titre au choix</link></div></div>


J'espère que je ne vous ai pas perdu :neko17:
Pour la suite c'est simple, c'est comme avant, on crée un bloc, mais dans le bloc d'avant et après le bloc du titre. On choisit les dimensions, un fond et petite nouveauté que j'apporte, on peut utiliser l'opacité→opacity pour nuancer, et faire un peu apparaître le fond (utile quand le fond est une image). De plus, on ajouter overflow:auto pour faire la scrollbar, ainsi on pourra y mettre un texte long sans qu'il ne dépasse du bloc.
Code:
<div style="width:450px;height:600px;background-color:#F2F2F2;border-top:1px #F0ADAD dotted; border-bottom:1px #F0ADAD dotted; border-right:8px #F0ADAD solid; border-left:8px #F0ADAD solid;">
<div style="font-family: 'Homemade Apple', cursive;color:#85CFBE;font-size:30px;padding-top:20px;"><link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet">Titre au choix</link></div>

<div style="width:350px;height:150px;background-color:#3EB397;color:#ffffff;opacity:0.6;overflow:auto;padding:5px;"> Aloha ~

J'espère que vous n'êtes pas trop perdu car en fait je voulais faire un tuto hyper rapide mais je me rends compte qu'il se rallonge beaucoup mon tutoriel, j'ai envie de vous montrer tout en même temps désolée
 J'espère que ça ne vous gêne pas    
Je vous fais des bisous <3
Arya-sensei  
</div></div>

J'ai également ajouté des marges intérieures avec padding:5px; pour éviter que le texte colle aux bordures.
RESULTAT 3 (ci-dessous)

Ensuite vous pouvez varier avec les bordures, les couleurs et tout ce que vous voulez !  :neko9: Sur le résultat final, j'ai juste varier l'opacité  :neko15:

A retenir :
background-color:#000000;
height:XXpx;
width:XXpx;
color:#000000;
font-size:XXpx;
overflow:auto;
opacity:0.X;
padding:XXpx
border:XXpx #000000 solid/dotted/dashed...
Un petit merci ne vous coûte rien ! Montre-moi vos oeuvres !
Codage by Arya de Ocean Home





RESULTAT 1
Spoiler:


RESULTAT 2
Spoiler:


RESULTAT 3
Spoiler:



RESULTAT FINAL

Titre au choix

Aloha ~

J'espère que vous n'êtes pas trop perdu car en fait je voulais faire un tuto hyper rapide mais je me rends compte qu'il se rallonge beaucoup mon tutoriel, j'ai envie de vous montrer tout en même temps désolée Tag ffffff sur Ocean Home 610716569
J'espère que ça ne vous gêne pas  :neko17:  
Je vous fais des bisous <3
Arya-sensei  :kokoro:

Aloha ~

J'espère que vous n'êtes pas trop perdu car en fait je voulais faire un tuto hyper rapide mais je me rends compte qu'il se rallonge beaucoup mon tutoriel, j'ai envie de vous montrer tout en même temps désolée Tag ffffff sur Ocean Home 610716569
J'espère que ça ne vous gêne pas  :neko17:  
Je vous fais des bisous <3
Arya-sensei  :kokoro:

Aloha ~

J'espère que vous n'êtes pas trop perdu car en fait je voulais faire un tuto hyper rapide mais je me rends compte qu'il se rallonge beaucoup mon tutoriel, j'ai envie de vous montrer tout en même temps désolée Tag ffffff sur Ocean Home 610716569
J'espère que ça ne vous gêne pas  :neko17:  
Je vous fais des bisous <3
Arya-sensei  :kokoro:
Si t'as survécu, commente  Tag ffffff sur Ocean Home 610716569



Voici un exercice à faire pour vous entraîne et voir si vous avez tout compris !
Postez vos résultats :kokoro:
Exercice 1
Aloha ~

Votre exercice est simple : reproduire cette div en entière !
Dimension : 300x200px
Couleur de fond :  #489D8B
Couleur des bordures : #17473D
Couleur de l'écriture : #85CFBE
Police d'écriture : Homemade Apple
Taille de l'écriture : 30px

Dimension de la div intérieure : 290x100px
Couleur de fond : blanc
Couleur de l'écriture : noir
Opacité : 0.4

Je vous fais des bisous <3
Arya-sensei  



Exercice 2 (libre) :
Faire une fiche de réponse "Mon océan" (ou une fiche de présentation)

Exercice 3 (libre) :
Faire une fiche RP de réponse

N'hésitez pas à y insérer des images !
Tag ffffff sur Ocean Home TO8Q2fVSujet: [Photoshop - Intermédiaire/Confirmé] Signature Cernunnos
Chance

Réponses: 3
Vues: 729

Rechercher dans: Tutoriaux   Tag ffffff sur Ocean Home EmptySujet: [Photoshop - Intermédiaire/Confirmé] Signature Cernunnos    Tag ffffff sur Ocean Home EmptyJeu 19 Oct - 21:23

Signature Cernunnos

Tag ffffff sur Ocean Home Cernunnos_by_djinnthepoulpe-dbl6oa3
Informations

Logiciel : Photoshop
Niveau : Intermédiaire +
Durée : je ne sais pas, 30/35 minutes ? Tout dépend de votre maîtrise du logiciel.

Ressources

Stock : ♣️
1ère texture : ♣️
2ème texture : ♣️
3ème texture : ♣️
Pack textures lumière : ♣️.
4ème texture : ♣️
Dernière texture, alleluia : ♣️.
Blabla

Aloha ~
Me revoici avec un second tuto, plus compliqué que le premier (compliqué parce qu'il est assez long, il y a beaucoup de réglages et je n'explique pas tout, si vous êtes tout à fait débutant je vous le déconseille).
L'outcome : ci-dessus

J'ai pas grand chose à dire ici, à part que j'espère qu'il vous plaira et qu'il vous apprendra des trucs :kokoro:

Pour les textures, je vous ai donné des liens des textures que j'ai préalablement téléchargées puis re-hébergées : normalement je n'ai pas le droit de faire ça, je l'ai fait pour simplifier le tuto.
Donc si vous avez un compte DeviantArt, ce serait vraiment très gentil d'aller fav et pourquoi pas watch cette créatrice, elle fait du très bon boulot et mérite d'être reconnue :neko9:
Voilà les liens des packs entiers :
https://ravenorlov.deviantart.com/art/5-1K-Watchers-Pack-663931395
https://ravenorlov.deviantart.com/art/Texture-Pack-42-Ghost-Lights-676058696
https://ravenorlov.deviantart.com/art/Texture-Pack-35-Books-Of-Old-663745649

Si vous avez suivi ce tutoriel, montrez moi votre outcome bien sûr :neko9:

« If you don't know where you are going, any road will get you there. »



LE TUTO 8D:
Revenir en haut 
Page 1 sur 1
Sauter vers: