Rechercher dans la communauté

Affichage des résultats pour les étiquettes 'web'.



Plus d’options de recherche

  • Rechercher par étiquettes

    Saisir les étiquettes en les séparant par une virgule.
  • Rechercher par auteur

Type du contenu


Forums

  • Forums généraux
    • Over Game
    • Discussions générales
    • Section Membre Premium
    • Recrutement Modérateur - Animateur - Rédac'
  • Jeux Vidéo
    • Actu Jeux Vidéo
    • Ankama Games
    • Blizzard
    • Minecraft
    • League Of Legends
    • FPS
    • Mmorpg
    • Grand Theft Auto
    • Aeria Games
    • Teams
    • Autres Jeux
    • Consoles
  • Informatique & High-Tech
    • Programmation
    • Graphisme et Désign
    • Marketing Digital
    • Systèmes d'exploitation
    • Mobiles et tablettes
    • Réalité virtuelle
  • Archives
    • Archives Corbeilles
  • Team LOL OG.eu Topics de Team LOL OG.eu
  • Avale et Raval Topics de Avale et Raval
  • Team_Minecraft Topics de Team_Minecraft

Calendriers

  • Community Calendar

64 résultats trouvés

  1. Notre seule limite est votre imagination. Hebergnity (Heberg pour Hébergeur, nity, diminutif du mot anglais « infinity » ayant comme traduction "infini") est un prestataire de services internet ouvert en 2017 par deux jeunes entrepreneurs et amis qui ont réfléchis et travaillés à l'ouverture pendant plus de 3 ans. Passionnés depuis longtemps dans l'univers informatique, ceux-ci ont décidés de vous faire profiter de leurs compétences et de leur passion en vous proposant la meilleure des qualité toujours aux meilleurs tarifs. Nous mettrons ainsi que toutes nos connaissances actuelles et futures dans ce projet qui nous tient à cœur. Nous consacrons nos journées à développer notre jeune entreprise. Les retours et avis sont importants pour nous, nous permettons à nos clients de faire part de ceux-ci en toute transparence. De plus, nous sommes ouverts aux idées suggérées par nos clients et nous souhaitons proposer de nombreux services, utiles pour vous, au meilleur rapport qualité-prix, à partir de 0.49€ par mois. Accéder à Hebergnity.com >> N'hésitez pas à nous contacter si vous avez la moindre question. Notre Equipe se fera un plaisir de vous aider. Contactez-nous : Téléphone : 03 52 85 00 40 (appel gratuit depuis un fixe en France Métropolitaine) Mail : [email protected] Support : https://hebergnity.com/contact Ré-écrivons l'histoire d'internet ensemble. Notre seule limite est votre imagination. Entreprise inscrite au registre des commerces de Reims (51) sous l'identifiant SIREN 819 775 529 Vos informations personnelles sont privées. CNIL 2092744
  2. Notre seule limite est votre imagination. Hebergnity.com est un hébergeur internet ouvert en Août 2017 par deux jeunes entrepreneurs et amis dans le but de faire un "TPE" pour leurs études. Passionnés depuis longtemps dans l'univers informatique, ceux-ci ont décidé d'améliorer leurs compétences dans leur passion dans le but de pouvoir en faire leur métier. Nous mettrons ainsi que toutes nos connaissances actuelles et futures dans ce projet qui nous tient à cœur... Nous proposons une dizaine de services pour plus de 30 références et 200 extensions de domaines, pour des services à partir de 0.50€ par mois dont des VPS à partir de 2€ par mois. Nous acceptons les moyens de paiement suivants : DediPass (SMS et Appel). YouPass (SMS et Appel et compte). PayPal et Skrill (cartes bleus et solde) PaySafeCard et NeoSurf (Cartes prépayées) Internet+ (facture internet) Accéder à Hebergnity.com >> N'hésitez pas à nous contacter si vous avez la moindre question. Notre Equipe se fera un plaisir de vous aider. Contactez-nous : Téléphone : 03 52 85 00 40 (appel gratuit depuis un fixe en France Métropolitaine) Mail : [email protected] Support : https://hebergnity.com/contact Ré-écrivons l'histoire d'internet ensemble. Notre seule limite est votre imagination. Entreprise inscrite au registre des commerces de Reims (51) sous l'identifiant SIREN 819 775 529 Vos informations personnelles sont privées. CNIL 2092744 Veuillez m'excuser si je publie dans la mauvaise catégorie. J'ai choisi, la plus adéquate selon moi.
  3. Bonjour/Bonsoir ! Je suis là aujourd'hui, a 12h10 pile, pour vous proposé un site assez petit, mais très sympa. Il s'agit de ProgHelp.fr Envie d'apprendre la programmation, d'avoir des astuces, ou tout simplement, partager vos connaissances ? ProgHelp.fr est fait pour vous: n'attendez pas, allez-y ! C'est quoi, proghelp ? Proghelp est un site d'entraide et de tutoriel sur la programmation. Il existe pour l'instant que deux langage de programmation qui ont leurs catégories a eux. En fait, il s'agit du langage VB.Net et C#.net. Le site est très centré .NET, mais d'autres sections de programmation vont voir le jours. Vous pourrez d'ailleurs y posé une suggestion d'ouverture de section. Mais je préfère poster mes cheats sur les jeux, en ais-je le droit ? Bien sûr ! ProgHelp.fr vous permet aussi de partagé votre cheat ( j'insiste bien sur le fait que ce soit le votre). Vous pourrez aussi en faire une promotion si vous le désirez, il suffit simplement de poster dans la section ! Hum... Je ne suis pas convaincu. J'aime bien faire du graphisme, je pourrais y partagé mes créations ? Tout à fait ! Une section a été créer pour que vous puissiez nous montrer vos talents de graphisme ! Encore une fois, vous pourrez même contribuer au forum en créant des signatures ou d'autres images pour les membres ! N'est-ce pas magnifique de pouvoir s'affirmer comme celà ? C'est bien beau tous ça... Mais les grades, vous en faites quoi ? Bonne question ! Il existe plusieurs grades actuellement: - Le rang d'administrateur: les membres en sont "[email protected]" et "Nicogo" - Le rang de modérateur: Il n'y a que oli4584 pour l'instant, si des membres viennent, il y en aura sûrement plus ! - Le rang de "Grand Sage": Il est attribué aux membres qui contribuent au forum. J'en fais moi-même partis. - Le rang de "Programmeur": Attribué sous candidature, il suffit de posté des tutoriels qu'on ne trouve pas forcément ailleurs. Membre: "RKYDA", "Ulrich", "Cyrion " et "Xenocode" - Le rang de graphiste: Attribué sous demande, il suffit la aussi de mettre en oeuvre vos compétences. Membres: "Azahet". - Le rang de VIP: Il s'obtient automatiquement après 1000 postes. Personne n'est encore VIP. - Il existe aussi différents niveau de "Membre": Le niveau 1, qu'on obtient au début, le niveau 2, après avoir fait 20 postes, le niveau 3, après 50 postes et le niveau 4, après 100 postes et +. Plus votre niveau de membre est élevé, plus vous êtes respectés. Mouai... C'est bien beau, mais je suis toujours pas convaincu. Il manque quelque chose... Dans ce cas, n'hésité pas a venir faire une suggestion ! Les administrateurs vous écouteront avec beaucoup d'attention. Le staff est vraiment a l'écoute et est aussi compétent ! Si toutefois vous ne trouvez pas votre bonheur, n'hésitez pas a contacté quelqu'un en lui disant ce qu'il ne va pas. ProgHelp est petit, mais est très sympa, et on ne demande qu'une chose: lui donné vie ! ON-COMPTE-SUR-VOUS ! Merci d'avoir lus et à très bientôt sur ProgHelp.fr !
  4. BeeHosted | hébergeur web

    beehosted. Salut à tous,c'est Freed. Après avoir coutoyé une dizaine de forums,en tant que développeur ou codeur, je me suis lancé il y a quelques mois dans le pari d'ouvrir un hébergeur web. Vous vous doutez que je n'ai décidé d'ouvrir cet hébergeur seul. [sTAFF] Nous sommes au total 8 membres. AyLaTH: développeur/administrateur serveur & réseau/responsable support technique Xonique : Administrateur serveur et membre du support technique (téléphone également). C'est lui le plus vieux de chez beehosted avec ces 24ans. Spyrow : Administrateur serveur et membre du support technique (téléphone également). C'est l'un des membres les plus expérimenté de beehosted. Youki (Moi) : Administrateur serveur et membre du support technique (téléphone également). Il est souvent disponible pour vous. Coc : Administrateur serveur et membre du support technique. Notre dernière recrue. Multiflip : Support commercial et ticket,responsable du Forum (téléphone également). Gérant de vos commandes. Valentin : Support commercial et ticket. Vous aidera pour vos demandes d'installation. Ceangal : Support commercial et ticket (téléphone également). Gérant publicité chez beehosted [LE PROJET] Chez BeeHosted,nous sommes tous bénévoles. Nous travaillons en équipe car nous avons tous la même passion : l'hébergement web. En venant chez BeeHosted,vous aurez la certitude de ne jamais être seul. Nous sommes présent pour vous par téléphone/live-chat/ticket/forum. Si tout se déroule bien,il est possible que j'immatricule BeeHosted en tant qu'entreprise. Actuellement,BeeHosted est une association dite "de fait",vous ne payez donc pas de TVA. Chez BeeHosted,tout est fait avec plaisir,nous avons investi pour vous afin de mener à bien notre projet, car chez BeeHosted,nous n’utilisons pas de licences NULLED ou autres. Nos prix n'ont rien à cacher,et nous vous garantissons une uptime de 99%. Car chez BeeHosted,vous pouvez demander à vous faire rembourser de 10% du prix de votre hébergement par tranche de 1% d'uptime en moins (voir grille et conditions sur les CGV/CGU). Nos serveurs sont hébergés chez OVH,en toute sécurité. [LES OFFRES] hébergement mutualisé . hébergement revendeur . [MERCI] BeeHosted
  5. Installation et configuration d'un serveur web Apache 2.2, PHP 5, MySQL 5.0 et phpMyAdmin pour Windows Sommaires : I. http://over-game.eu/serveur-programmation-site-web/33098-installation-et-configuration-du-serveur-apache-2-2-11-a.html II. http://over-game.eu/serveur-programmation-site-web/33099-installation-de-php-5-2-8-a.html III. http://over-game.eu/serveur-programmation-site-web/33100-installation-du-serveur-mysql-5-1-31-a.html IV. http://over-game.eu/serveur-programmation-site-web/33102-installation-de-phpmyadmin-3-1-2-a.html Voilà
  6. Bonjour, Dans cette formation vidéo, vous allez apprendre à installer et configurer 2 modules pour apache : suEXEC et suPHP. Ces modules augmente la sécurité d'apache en exécutant les scripts et cgi avec l'utilisateur qui possède ces scripts et non pas www-data. sources : tutoriels-video.fr
  7. Voici 2 Vidéo Pour vous apprendre Comment crée un site sans aucune connaissance en codage ! Première Partie : | TuTo | Crée un Site Web Facilement | FR | Partie 1 - YouTube Deuxième Partie : | TuTo | Crée un Site Web Facilement | FR | Partie 2 - YouTube Tu peux aussi t'abonner a ma Chaîne , Liker les vidéo, Commenter et Partager si tu la apprécier
  8. Bonsoir, HExBERGE est un projet sérieux. Je vous invite, vous, très chère lecteur de ce poste, à avoir le sourire & en vous souhaitent une bonne lecture. Je m'appelle Wink ( Pseudonyme ). J'ai actuellement 18 ans, je suis un homme sérieux et volontaire. Mon centre de loisir est la comptabilité, mais que je veus mettre en pratique. C'est pour cela que dès à présent, je veux faire un projet en vigueur de mon désir le plus profond : Créer une chose utile, facile & ergonomique fait avec passion et non un passe temps Pour en savoir plus, je m'occuperais que de la finance et le marketing. Je vous invite à lire la suite. Le projet " HExBERGE " est une plate forme d'hébergement de Site/Blog/Forum web. Projet qui peut aboutir à une ouverture d'entreprise qui par la suite un CDI. J'aimerais créer, un site auquel, les personnes ont un choix de qualité sur l'option gratuite et payante, mais un support irréprochable et avec un respect loyal envers les clients, ce qui veut dire " professionnel ". Le site sera sous PlanetHoster ( le moins chère ) au début. Nous allons bientôt être sous INPI et Copyright. Nous donnerons chaque news tout les 3 jours. Sauf en cas de demande particulier ou de cas spécial. Ce projet peut être fait, êtes-vous partant pour cette aventure ?. Dans ce cas, je vous invite une nouvelle fois à continuer. Comme vous le savez, un début de projet n'est jamais signe de richesse. Je peut donc payer dans un maximum de 15¤ par mois qui montera une fois le projet lancé. Je m'engage à aboutir sur un CDI, pour la personne qui suivra le projet. Sinon, la rémunération ce fera une fois que vous aurez fait vos preuves ( 1 mois de teste ) Et les personnes qui commencent bénévoles auront un meilleur salaire une fois le projet fini. Je cherche : 0/1 Développer web 0/1 graphiste. ( Ciblez vous & votre rôle par la suite ) Vous devez savoir avec expérience & professionnalisme, le codage HTML5 & CSS3 ( Du java & PHP sont la bienvenue ). Vous devez savoir vous diriger sur un hébergeur, car vous serrez en charge de l'hébergement ( Sauf la finance ). Vous devez avoir ainsi une très bonne connaissance dans le graphisme. Vous êtes inventif et créatif, tout en étant sur la haut définition sur les contenues. Vous serrez en charge de créer des désignes pour les clients, et celui de notre site. Vous devez être parfait dans ce domaine ! Vous savez aussi utilisé un logiciel de montage ( Photoshop ou similaire ), pour la création de nos enseignes et images. Vous êtes mature et responsable donc vous savez travailler seul et en équipe. J'aimerais que vous postez votre candidature ( Lettre de motivation & CV ) de façon propre. Donc : Geste de politesse. Votre présentation. ( Votre âge " 17 ans/+ ). Votre expérience & un lien de vos créations si possible. Pour quoi voulez vous investir sur ce projet. Pour quoi vous & pas un autre. Et un texte libre de votre choix. Merci d'envoyer tout sa sur mon adresse provisoire : [email protected] Je vous remercie d'avoir lut. Je reste à votre entière disposition sur le poste ou message privé ou par mail. Je m'en excuse en cas de faute d'orthographe sur le poste. Bonne soirée.
  9. Source : Torak Taille totale : 114 Mo 1# Web UI Kit : AdF.ly - shrink your URLs and get paid! (screen) 2# Web Design : web design #2.psd (screen) 3# Web Design : web design #1.psd (screen) 4# Web Design : web design #3.psd (screen) 5# Navbar : navbar #1.psd (screen) 6# Navbar : navbar #2.psd (screen) 7# Style Medieval : Style Medieval.psd (screen) 8# Style Refined : Style Refined.psd (screen) #EXCLU ! Brushes Special Painting : Painting.rar
  10. Web Design

    Hello World ! Je suis ici pour vous demandez un service. Je travail sur la création d'un serveur Minecraft pour se qu'il ne le sache pas. Je souhaite savoir si une personne aurai la gentillesse de nous faire un web design je c'est que beaucoup de personne vont me dire oui mais c'est payant ..... Oui mais malheureusement on a pas les moyen pour, après c'est sur que on va tout faire pour vous payer un minimum. Bien sur sa ne sera pas une somme énorme . Après on appel au personne généreuse car si vous faite geste n'importe le quel pour le serveur tout est a prendre par exemple : Gaeldj nous a aider pour certaine chose comme les plugins et il va nous faire un montage vidéo. Si vous voulez nous aidez vous êtes les bien venue il nous faut surtout un Web-designer et un Codeur en HTML/CSS ... Mais le codeur on va essayer de le payer un peu plus ! Pour le web design on aimerais des couleurs sobre , noir blanc ... Les personne intéresser contacter moi sur Skype : titou84320 pour plus de renseignement ou ici mais le mieux et Skype ! Voici le logo du serveur a mettre sur le Webdesign : Nom du Serveur Minecraft : Nephtys Lien http://i43.servimg.com/u/f43/17/93/01/34/test10.png ---------- Message ajouté à 20h34 ---------- Le message précédent était à 14h46 ---------- Pus de soucis avec le Web Design je les crée moi même il me faut juste un codeur !
  11. Ce tuto est pour ce qui comprenne l'anglais !!! Preview Click the image below to view it in its full size. Tutorial Resources Icons: Function Icon Set Font: Lobster Stock Image: From – Create an Elegant Photography Web Layout in Photoshop Stock Image: From – Create a Modern and Sleek Blog Design in Photoshop Stock Image: From – Create a Clean and Classy Web Design in Photoshop Step 1: Create a New Document Start by creating a new document (Ctrl/Cmd + N) in Photoshop. Make the document 1000px by 1000px and with a White background. Step 2: Add Photoshop Guides Now add guides on the canvas in order to ensure proper alignment of the various web layout components. You can create guides accurately by going to View > New Guide. Create vertical guides at 50px, 500px and 950px. Create horizontal guides at 75px, 467px, 651px and 943px. Step 3: Creating the Background Double-click on the default Background layer, which will be locked and uneditable; the New Layer dialog window will open. I renamed the layer to "BG" and then pressed OK. Doing this also unlocks the Background layer, making it editable. Let’s create a new group called "Background" (Layer > New > Group) that will contain all layers associated with our layout’s background. Move the "BG" layer into this group. Now, set your foreground color to teal (#547980) and fill your "BG" layer with the foreground color by pressing Alt/Option + Backspace. Now add some noise to our background by going to Filter > Noise > Add Noise. In the Add Noise dialog window, set the Amount to 1%, Distribution to Uniform and check the Monochromatic option. Click OK to apply the filter. Now set your foreground color to black (#000000), create a new layer (Shift + Ctrl/Cmd + N) and name it "Dark sections". Reach for the Rectangular Marquee Tool (M), select the top part of the canvas (use our guides to make the proper selection), and press Alt/Option + Backspace to fill the selected area with our black foreground color. Repeat the process for the middle section and bottom section so that you end up with three horizontal bars running across the canvas. Now reduce the "Dark sections" layer’s Opacity to 15%. Step 4: Creating Inset Divider Lines Now create a new group inside the "Background" layer group, above the "BG" and "Dark sections" layers. Let us call this group "Lines". Create a new layer inside the group called "Dark". Make sure that your foreground color is still set to black (#000000) and, with the Pencil Tool (B) set at 1px Master Diameter, draw a solid horizontal line above the first guide at the top. Create another layer inside the "Line" group named "Bright". Change your foreground color to white (#FFFFFF) and use the Pencil Tool again to draw a line right below the black one. Collapse the "Line" group by clicking on the small triangle next to the group’s name so that we’re keeping our Layers Panel manageable. Reduce the group’s Opacity to 12%. Now duplicate the "Line" group (right-click on it in the Layers Panel and choose Duplicate Group from the contextual menu that appears) and rename the duplicate to "Line 2". Move "Line 2" on our second horizontal guide using the Move Tool (V). Repeat the above method for creating two more inset divider lines on the 3rd and 4th horizontal guides. Step 5: Create the Layout’s Header Before we go on, I would like to note that in this layout, we will be working with plenty of layers, which is good so that our work is flexible. However, this also leads to a Layers Panel that can become quite large and unwieldy. Therefore, whenever we are finished with a component of our web design, we should collapse its layer group as well as ensure that we are naming our layers and layer groups intuitively. So let’s go ahead and collapse the "Background" group since we are now done with that component. Create a new layer group called "Header" on top of the "Background" group. Let us make the site’s logo — it will simply be a text-based logo that has a slick and stylish layer style. To begin, choose the Horizontal Type Tool (T) and set it to Lobster font at 36pt. Set the text color to light green (#E5FCC2) then write your site name. In this instance I wrote, "Instruct portfolio". With the text layer selected in the Layers Panel, go to Layer > Layer Style > Blending Options. We will give our logo a Drop Shadow, Gradient Overlay, and Stroke. Drop Shadow Gradient Overlay Stroke The following image shows the result of our layer style. Quick and simple, but beautiful, don’t you think? Use the Horizontal Type Tool again for writing out the main navigation menu items. This time, set your text color to a light green color (#E5FCC2) and font size at 18pt. I wrote "Home", "About", "Blog", "Work", and "Contact" — but of course, you should feel free to write out other links. Once done, use the Move Tool (V) to place the navigation menu text at the top right side of the header area. We will copy the layer style we applied to the logo to the navigation menu text. Right-click on the "Instruct portfolio" layer in the Layers Panel and choose Copy Layer Style from the menu that appears. Next, right-click on the navigation menu text layer and choose Paste Layer Style. Now we will create the active link’s background to indicate what page the user is on. It can also serve as our hover state (i.e. we display it when the user mouses over an inactive link). Create a new layer called "Button" (because the active link item’s background looks like a UI button). This layer should be beneath the navigation menu text layer because it will act as its background. Select the Rounded Rectangle Tool (U), set the Radius to 5px and draw the button behind your text. Shown below is the active link’s background shape drawn behind the "Home" navigation menu text. Double-click on the "Button" layer in the Layers Panel to access the Layer Style dialog window. Let’s give our active link’s background shape a Drop Shadow, Gradient Overlay and Stroke. Drop Shadow Gradient Overlay Stroke After applying the layer style, simply lower the "Button" layer’s Opacity to 10%. Step 6: Create the "Featured Work" Area Time to move on to another component of our layout. Remember: Collapse the "Header" layer group in the Layers Panel so that it’s out of our way. Next, create a new layer group called "Work". This group will contain the featured works in a 3D image slider. What we want to do first is locate three images (look through your work and pick ones you like) and open them in Photoshop. For this tutorial, what I did was simply use the final results from several Web Design tutorials here on Design Instruct, namely: Create an Elegant Photography Web Layout in Photoshop (middle) Create a Modern and Sleek Blog Design in Photoshop (right) Create a Clean and Classy Web Design in Photoshop (left) Place your selected images inside the "Work" group as separate layers. Use Free Transform (Ctrl/Cmd + T) to resize the images as needed. Here is the first image placed at the middle of the canvas: Place the other two images below the middle image and at either sides of it. Click on the "Right picture" layer in the Layers Panel to make it our active layer. Go to Edit > Transform > Perspective and transform the image (as shown below) so that it looks as if it is 3-dimensional. Do the same for the left image but this time angle it to face towards the right. When complete, this is how the featured images should look: Let us give the featured images a bit of style as well as further support the 3D look. Click the "Left picture" layer in the Layers Panel to make it the active layer. Use the Blur Tool ® with a soft round 100px brush to blur the sides of the image closest to the main picture. Do the same thing with the featured image on the right. We will now create a shadow being cast by the main image using a quick and easy technique. To start, create a new layer under the "Main picture" layer. Choose the Ellipse Tool (U) from the Tools Panel and then draw a black (#000000) thin vertical ellipse towards the left. If done right, you should only see the left half of the ellipse. Now go to Filter > Blur > Gaussian Blur, set the Radius option to 5px and then press OK to apply the filter. Lower the layer’s Opacity to 40%. To create the shadow on the right of the main featured image, just duplicate the left shadow layer (Ctrl/Cmd + J) and then use the Move Tool (V) to move it on the right. Now I want to create a slick reflective effect on the main image — it’s really simple to do. Start by duplicating the "Main picture" layer (Ctrl/Cmd + J). Then press Ctrl/Cmd + T to enter Free Transform mode and set the Height option in the Options Bar to -100%. This flips the image vertically (you could also use Transform > Flip Vertical as an alternative). Switch to the Move Tool (V) so that you can move the duplicated image down below the original image. Leave a 1px gap between the original image and the flipped duplicated image. We don’t need the entire duplicated image; we are just interested in the top part of it. So use the Rectangular Marquee Tool (M) to select the area that is below the guide we created earlier on, and then press Delete to remove the selected area. So now, we only have a little bit of the duplicated image. Next, we need a layer mask on it (click the Add layer mask button at the bottom of the Layers Panel, shown in red). Make sure that the layer mask is the active layer. Switch to the Gradient Tool (G). Select a linear gradient that goes from black (#000000) to transparent. Apply the gradient from the bottom to the top. To finish off the reflection, reduce the layer’s Opacity to 40%. What we want to do now is to stylize the main image further by applying a simple glossy reflection on its surface. Start by creating a new layer above the "Main picture" layer called "Gloss". Use the Polygonal Lasso Tool (L) to make a selection similar to the one shown below: Fill your polygonal lasso selection with white (#FFFFFF). Next, hold down Ctrl/Cmd and click on the "Main picture" layer’s thumbnail in the Layers Panel to place a selection around it. Your "Gloss" layer should still be your active layer, and if not, switch back to it without deselecting your current selection. Go to Select > Inverse (Shift + Ctrl/Cmd + I) to invert the current selection. Press Delete to remove the selected area. This ensures that our gloss remains within the image. You can now deselect your selection (Ctrl/Cmd + D). To finish off the effect, just set the "Gloss" layer’s Opacity to 7%. Moving on, we are now going to create the arrows that will control the movement of the 3D slider. Inside our "Works" layer group, create a new layer named "Right arrow". Set your foreground color to dark gray (#1E1E1E) and pick the Custom Shape Tool (U) from the Tools Panel. In the Options Bar, there should be a Shape option dropdown menu. Locate the custom shape named Arrow 2 (this shape comes with Photoshop by default) and use it to draw the right arrow (shown below). Give the right arrow a Drop Shadow and Inner Shadow Layer style (suggested settings for each layer effect shown below). Drop Shadow Inner Shadow Reduce the "Right arrow" layer’s Opacity to 15%. Well, we will need a left arrow also but — no worries — we can just duplicate the "Right arrow" layer (Ctrl/Cmd + J) and move the copy to the left side of the images. Then, similarly to the reflection of the main image, we will use Free Transform (Ctrl/Cmd + T) to flip it horizontally. To do this, we just set the Width option in the Options Bar to -100%. (You should rename the duplicated layer to "Left arrow" to keep our layer organization maintained). Step 7: Create the Social Media Area We are done with the "Work" layer group, so you can collapse it in the Layers Panel now. Go to Layer > New > Group and create a new layer group called "Social media". Set your foreground color to black (#000000) and then create a new layer called "Bubble" inside the new group. Pick the Rounded Rectangle Tool (U), set its Radius option to 5px and draw a rounded rectangle on the "Bubble" layer (as shown below). This rectangular box will contain your most recent Tweet. Now pick the Custom Shape Tool (U) and set the Shape option in the Options Bar to Talk 10 (this custom shape comes bundled with Photoshop by default). Draw the shape on the lower right corner of the rounded rectangle box. I want to flip the tail of the talk bubble so that it is facing towards the right of the canvas. We will just use the same technique as before: Free Transform (Ctrl/Cmd + T) then changing the Width option to -100%. After that, select both the "Bubble" and "Talk 10" layers in the Layers Panel. Right-click on one of them and choose Merge Layers (Ctrl/Cmd + E) to combine the two layers. To finish off the talk bubble, just reduce the merged layer’s Opacity to 15%. Now set the foreground color to light green (#E5FCC2) and pick the Horizontal Type Tool (T) from the Tools Panel. Set your font to 18pt, Georgia (Italic). Then write up the Twitter message for our comp. Then right-click on the Twitter message text layer in the Layers Panel and choose Blending Options from the menu that appears. Let’s give our Tweet text layer a Drop Shadow layer style (which we can recreate using the CSS3 text-shadow property in our HTML/CSS template). Let’s incorporate some social media icons. For this web layout, I chose to go with the awesome and free Function Icon Set. Download that now and locate the following files: twitter_48.png (which is the Twitter bird) twitter_boxed_48.png stumbleupon_48.png flickr_48.png delicious_48.png Open the first icon (twitter_48.png) in Photoshop and place it into our main document. Again, we should maintain our work’s neatness by renaming the social media layers to "Twitter", "Twitter Boxed", "Flickr", and so on. Place the Twitter bird icon below the tail of our talk bubble using the Move Tool (V). Before designing our social media icons, let’s create a heading on the right-hand side of the talk bubble. To start, first switch your foreground color to a green color (#9DE0AD), select the Horizontal Type Tool and then set it at 24pt, Georgia (Italic) font. Type something for your heading, such as "Add Me on These Social Networks…". Let’s copy the drop shadow layer style from the Tweet message; just right-click on the Tweet message text layer in the Layers Panel, choose Copy Layer Style, right-click on the heading, and then choose Paste Layer Style. Position the other social media icons as shown below. Change the foreground color to light green (#E5FCC2) and select the Horizontal Type Tool again. Set your font to 18pt, Georgia (Italic). Beside the social media icons, write the services’ respective names (e.g. "Twitter", "Stumble Upon", etc.). Again, copy the drop shadow layer style from the heading or the Tweet message text layer and paste it onto the social media text layers. Let’s give the texts a rounded rectangle background. You should be familiar with this technique since we have done it with the talk bubble. Change your foreground color to black (#000000), choose the Rounded Rectangular Tool and, with the Radius option at 5px, draw a rounded rectangle below each of the text. You must also reduce the rounded rectangles’ layer opacities to 15%. Below, you can see that I’ve performed this method on the "Stumble Upon" text. Now just duplicate the rounded rectangle background’s layer (Ctrl/Cmd + J) and move them behind the other remaining texts. Step 8: Designing the "Latest from the Blog" Area This web portfolio also has a blog. What we can do is display the most recent post’s excerpt in the front page. We can do this on the left column, below the Tweet message. You can now collapse the "Social media" layer group. Create a new layer group called "Blog". Change the foreground color to green (#9DE0AD) and choose the Horizontal Type Tool (T). Set your font to 24pt, Georgia (Italic) and write out this section’s heading; something like "Latest from the Blog" should do the trick. Copy and paste the drop shadow layer style that we’ve used in other text layers so that it also has that same consistent design element. Below the heading of the "Latest from the Blog" area, we will display a thumbnail image associated with the blog post excerpt. To begin, switch your foreground color to light green (#E5FCC2) and then draw a 90×90px square box for the blog post excerpt’s thumbnail background. You can use the Rectangular Tool (U) to draw the background. After that, right-click on the layer and choose Blending Options to bring up the Layer Style dialog window. Let’s give the thumbnail’s background an Outer Glow layer effect (settings shown below). Now find a nice 80×80px thumbnail image for your blog post (5px smaller on each side compared to the thumbnail’s background). I just used and rescaled the thumbnail image from this Design Instruct tutorial: Design a Skin-Textured Typography Scene in Photoshop. Using the same foreground color, write your blog post’s headline. Use 18pt, Georgia (Italic) for the headline; it should be slightly smaller than the "Latest from the Blog" heading. Like with the other text layers, copy and paste the drop shadow layer style into the headline’s text layer. Switch your font settings to 13pt, Arial and write out your post’s excerpt. Apply the drop shadow layer style here as well by copying and pasting the layer style from another text layer that has it. Let us make the "Read more" link. We will change our font settings to 13pt, Georgia (Italic). Write "Read more" at the bottom of the post excerpt and apply the same drop shadow layer style from other text layers onto it. Create a new layer under the "Read more" text layer, change the foreground color to black (#000000) and, using the Rounded Rectangular Tool (T) at 5px Radius, draw a rounded rectangle button background for the "Read more" text. Finish it off by lowering the layer’s Opacity to 15% just like with the other rounded rectangle backgrounds we’ve drawn. Step 9: Creating the Thumbnail Gallery Area This area of the layout will contain an image gallery that can contain images pulled from your Flickr account or other portfolio pieces. Let’s go ahead and collapse the "Blog" layer group to get it out of the way, and then create another layer group called "Gallery". We’ll start with the section’s heading. Change your foreground color to green (#9DE0AD), and use the same settings as the "Latest from the Blog" heading — 24pt, Georgia (Italic) — to write out "Gallery". Then, like before, just copy and paste the drop shadow layer style from another text layer that has it. Create another layer group inside the "Gallery" group called "Gallery item". This group will contain an 80×80px image and its background. We will reuse the blog post thumbnail image’s background, so expand the "Blog" layer group, locate the thumbnail background, duplicate it (Ctrl/Cmd + J) and then move the duplicated layer into the "Gallery item" group. Find an 80×80px photo and place it on top of the thumbnail background. Collapse the "Gallery item" group and make 7 copies of it by right-clicking on the layer group and choosing Duplicate Group from the menu that appears. Position the duplicated gallery items such that you end up with a 2-row by 4-column arrangement. Step 10: Create the Footer Area This is our last step. Start by collapsing the "Gallery" group and then creating a new group called "Footer". Change the foreground color to a bright green (#E5FCC2) and select the Horizontal Type Tool (T). Set your font settings to 13pt, Arial and write your footer copyright and other information. After that, just paste in the drop shadow layer style from other text layers. Tutorial Summary Congratulations! We’ve finished our elegant portfolio web design. We covered some useful and trendy techniques like how to create a nice and detailed textured background, inset dividers, applying drop shadows manually, a technique for creating image reflections, creating a nice talk box graphic, and more. I hope that you understood all the steps used, and I’d like to hear your opinion about this tutorial in the comments below! Download Source Files elegant_portfolio_webdesign (ZIP, 1.79 MB) Source : Design Instruct
  12. [Web Design]Pour Love'

    Oyé oyé ! Donc voici ma réalisation : [spoiler=Là] Cordialement.
  13. Le Trou Du Web

    Bonjour, je vous présente aujourd'hui mon site internet ! Mais c'est quoi-ce site ? C'est un site qui traite des sujets varié comme les Nouvelles technologies Graphisme, Jeux-Vidéos et bien d'autre ! ^^ Des tutoriel des partage et des sondage Comme tous les forums/sites il y a des règles ! Exemple : Certains sujet religieux, pornographique ou néo-nazi sont susceptible de bannissement temporaires ou a vie si l'acte est très grave ! Alors pour ceux intéresser rendez-vous sur : Le Trou Du Web « News Merci ! PS : Le nom n'est pas le trou "vulgaire", le site a été ouvert hier, nous ne somme pas beaucoup EDIT : La pub présente sur le forum est temporaire pour récolter des sous et changer d'hébergeur, alors a ceux qui s'inscrive, un petit click ne ferais pas de mal ^^
  14. Bonjour, je vous présente aujourd'hui mon site internet ! Mais c'est quoi-ce site ? C'est un site qui traite des sujets varié comme les Nouvelles technologies Graphisme, Jeux-Vidéos et bien d'autre ! ^^ Des tutoriel des partage et des sondage Comme tous les forums/sites il y a des règles ! Exemple : Certains sujet religieux, pornographique ou néo-nazi sont susceptible de bannissement temporaires ou a vie si l'acte est très grave ! Alors pour ceux intéresser rendez-vous sur : Le Trou Du Web « News Merci ! PS : Le nom n'est pas le trou "vulgaire", le site a été ouvert hier, nous ne somme pas beaucoup EDIT : La pub présente sur le forum est temporaire pour récolter des sous et changer d'hébergeur, alors a ceux qui s'inscrive, un petit click ne ferais pas de mal ^^
  15. Site Web d'économie

    Bonjour, voilà ma dernière création, j'ai besoin de vos critiques. voilà le lien : Actu Eco
  16. [Site web] Geek-Granted.fr

    Bonjour ! Venu il y a déjà quelques mois pour vous présenter notre site web, nous tenions à revenir pour vous annoncer que Geek-Granted.fr est réouvert. En effet nous avons changé complètement le site, qui est passé d'un format typique "blog" à un forum couplé à un portail ! Le thème du site n'a pas vraiment été modifié, nous parlons toujours de l'informatique, du web, etc ... Nous vous invitons donc à visiter Geek-Granted.fr et nous faire part de vos retours !
  17. Bonjour nous revoilà pour un nouveau tuto Intituler : Crée un site web de AaZ 3....2....1.... GO Sommaire I-les bases II-le html III-le Css I-les bases Bon pour crée un site web je vous le cache pas on va le crée avec le bloc note ! ce serai trop du coup on va Utiliser :notepad++ Et il va aussi nous valoir Un doctype. WTF un doctype c'est quoi ?! un doctype c'est le squelette d'une page ! En voila un : >[spoiler="Ici"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <p>… Your HTML content here …</p> </body> </html>[/spoiler] Pour vous c'est du charabia et bien non nous vérons tous plus tard... Bon allez on Ouvre notepad++ et on tombe sur ça: On peut voir l'onglet fichier. On fait donc fichier => nouveaux [spoiler=II-le html] Bon maintenant on enregistre notre page donc un fichier moi "Site" Donc on fait ctrl+alt+s puis on enregistre en format Html comme si dessous: [/img] Maintenant on va voir comment sa marche : ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> ------------------------------------------------------------> La base de notre site <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> -------------------------------------------------------------> l'entete <body> <p>… Your HTML content here …</p> </body> --------------------------------------------------------------> le corp </html> Pont on rentre dans vif du sujet avec les balises les balises c'est quoi c'est? c'est ces truc qui commence par s et qui finisse par sa des balises il en existe des millier sa ne serre a rien de toute les apprendre ils faut juste connaitre les principale : les balise l'entete le corp des blocs les parragraphe le lien a ce sont des titre pour le reste on véra plus tard bon dans votre doctype vous avez vus sa : c'est le titre de la page web moi je vais mettre Test donc voila ce que sa donne : ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <p>… Your HTML content here …</p> </body> </html> Maintenant on va s'ataquer au texte de la page On va mettre notre texte moi : Hello bienvenu sur mon tous premier site Voila se que sa va donnez ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <p>Hello bienvenu sur mon tous premier site</p> </body> </html> Maintenant on va ajouter du titre comme moi : > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <p>Hello bienvenu sur mon tous premier site</p> <p>Teste des balises de titre <h1>h1</h1><h2>h2</h2><h3>h3</h3> <h4>h4</h4><h5>h5</h5><h6>h6</h76></p> </body> </html> maintenant je vais sur mon fichier et le lance dans mon navigateur web en n'oubliant pas d'enregistre ^^ voila ce que sa donne : Maintenant on va crée plusieurs bloc : un bloc menu et un bloc contenu voila comment faire un bloc : on ouvre une div : plus on la nome grace a l'id sa donne sa : voila a quoi doit ressembler notre code : ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <div id='menu'></div> <div id='contenu'> <p>Hello bienvenu sur mon tous premier site</p> <p>Teste des balises de titre <h1>h1</h1><h2>h2</h2><h3>h3</h3> <h4>h4</h4><h5>h5</h5><h6>h6</h76></p> </div> </body> </html> Si on enregistre et que l'ont actualise cela n'a rien changer normale c'est invisible Bon allez on s’attaque au menu : Pour crée un menu on utilise des lien : Les balise puis on leur donne le lien a afficher soir une autre page avec le lien correspondant genre :c://user ... bon voila ce que sa va donnez : ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <div id='menu'><a href='http://over-game.eu/' ></a></div> <div id='contenu'> <p>Hello bienvenu sur mon tous premier site</p> <p>Teste des balises de titre <h1>h1</h1><h2>h2</h2><h3>h3</h3> <h4>h4</h4><h5>h5</h5><h6>h6</h76></p> </div> </body> </html> maintenant pour le texte a afficher c'est entre les deux balise c'est a dire comme sa : Mon forum Préférer puis pour leur donner des nom pour le css on écrit class Mon forum Préférer ps: si on met # c'est égale a rien Puis on copie et ont fait sa pour tous nos lien voila pour moi : ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <div id='menu'><a href='http://over-game.eu/' class='lien1'>Mon forum Préférer</a><a href='#' classe='lien2'>les tutos</a><a href='#' classe='lien3'>Ma chaine</a> <div id='contenu'> <p>Hello bienvenu sur mon tous premier site</p> <p>Teste des balises de titre <h1>h1</h1><h2>h2</h2><h3>h3</h3> <h4>h4</h4><h5>h5</h5><h6>h6</h76></p> </div> </body> </html> puis j'enregistre puis actualise ma page et tada voila ce que j'ai : mince des signe bizar a la place des accent et pas d'espace bon comment remédier a sa : Pour les accents allez dans encodage=> utf8 Pour les espace mettre de espace entre chaque balise comma sa : ><a href='http://over-game.eu/' class='lien1'>Mon forum Préférer</a> <a href='#' classe='lien2'>les tutos</a> <a href='#' classe='lien3'>Ma chaine</a> Maintenant voila c'est fini pour le html on va passer au css: [spoiler=III-le css] le css c'est quoi ? c'est une feuille de style pour appliquer des couleurs etc Bon premièrement on crée un nouveaux document que l'ont nome style.css dans notre dossier a coter de index.html Bon maintenant on va crée la relation de notre premier document vers le deuxième en ajoutant sa au doctype : > <link rel="stylesheet" href="style.css" type="text/css"> voila a quoi va ressembler notre code: > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id='menu'><a href='http://over-game.eu/' class='lien1'>Mon forum Préférer</a> <a href='#' classe='lien2'>les tutos</a> <a href='#' classe='lien3'>Ma chaine</a> <div id='contenu'> <p>Hello bienvenu sur mon tous premier site</p> <p>Teste des balises de titre <h1>h1</h1><h2>h2</h2><h3>h3</h3> <h4>h4</h4><h5>h5</h5><h6>h6</h76></p> </div> </body> </html> Bon maintenant on va crée un dossier image dans notre dossier et dans ce dossier on va glisser les images que je vais vous donner :
  18. crée un web design sombre

    le tuto ici voila un aprçu ! : ----------------------------------------------------------------------- voila le tutos traduit par google traduction ps : les images arives au fur est a mesure ----------------------------------- [spoiler=le tuto]Voici ce que nous allons faire, cliquez sur l'image pour un aperçu complet: Etape 1: Travailler avec la structure du site Avant de commencer, téléchargez au système 960grid première création directrice facile. Ouvert 960_download \ templates \ photoshop \ 960_grid_12_col.psd . Nous devons également veiller à ce que nos dirigeants et guides sont vues, vous pouvez le faire en appuyant sur CTRL + R (Règles Voir) CTRL +; (Guides Voir) Appuyez sur CTRL + MAJ + C pour changer la taille du canevas. Utilisation de l'outil Pot de peinture (G) remplir le calque d'arrière-plan à # 242b30 Maintenant vous devez créer un fichier de dossiers. Voici les dossiers que nous allons utiliser afin d'être organisée. Mettre en ½uvre ce système dans l'ensemble de vos créations - il sera d'une grande aide plus tard quand vous aurez besoin pour éditer n'importe quoi. Maintenant, quand vous avez terminé, nous allons commencer. Etape 2: Travailler avec en-tête Renommez le dossier layer1 à en-tête et de la couche 1 à renommer header_bg (Assurez-vous que vous avez fini de créer les dossiers comme je le disais plus tôt). Créez une nouvelle ligne directrice aller à Voir Guide> Nouveau et définir la position à 100px , orientation horizontale . Sélectionnez l'outil Rectangle de sélection (M), faire une sélection comme le montre la capture d'écran ci-dessous et remplissez-le avec # ffffff Ajouter cette option de fusion: Ombre portée Incrustation en dégradé Dégradé linéaire Angle: 90 # 171c20 # 22292f Coup # 0d1012 Etape 3: Travailler avec Logo Créer un dossier à l'intérieur-tête du dossier et nommez-le à Logo , mettez tous vos calques liés logo là-bas. Maintenant, nous allons ajouter le site Titre / Logo, afin de sélectionner l'outil Texte (T) et d'écrire le texte de la même manière que dans la capture d'écran. Ajouter cette option de fusion: Ombre portée Ombre interne Incrustation en dégradé Dégradé linéaire Angle: 90 # 929292 Lieu # bcbdbd: 30% # Dfdfdf Localisation: 50% # Dfdfdf Lieu: 100% Maintenant que nous avons fini style du texte, nous allons créer une lumière pour le rendre plus accentuée. Créez un nouveau calque en dessous du texte, nommez-le à la lumière et de faire une sélection comme le montre la capture d'écran ci-dessous. Définissez la couleur de premier plan à # ffffff Sélectionnez l'outil Pinceau (B), clic droit pour l'espace de travail pour afficher les options de pinceau. Brossez comme le montre la capture d'écran ci-dessous pour créer de jolis effet radial à souligner le logo. Mettez ce calque aux Lumière tamisée , opacité à 80%: Maintenant, quand nous en aurons fini avec notre logo, continuons notre route la création de la navigation. Etape 4: Travailler avec la navigation Créer un dossier à l'intérieur-tête du dossier et nommez-le à la navigation , mettez tous vos couches de navigation liées à là-bas. Maintenant, nous allons ajouter les liens de navigation, afin de sélectionner l'outil Texte (T) et écrire un texte la même façon que dans la capture d'écran. Je me suis séparé le lien à la maison parce qu'il sert de l'état actif. Pour les autres liens que je la colorier avec # b6aefd. Ajouter cette option de fusion pour la maison du texte: Ombre portée Incrustation couleur # 232a2f Maintenant passons à créer le style état actif pour la maison. Créez un nouveau calque ci-dessous le texte d'accueil, sélectionnez l'outil Rectangle arrondi (U) et définir le rayon de 5px. Ajouter cette option de fusion: Ombre portée Ombre interne Incrustation en dégradé Répétez la même étape que nous avons fait pour notre logo. Coup # 13181b Étape 5: Travailler avec diaporama Créez la nouvelle ligne directrice aller à Voir Guide> Nouveau et définir la position à 140px , orientation horizontale . Répétez le processus et définir la position à 440px . Maintenant nous allons ajouter le support de notre diaporama. Réglez la couleur à la forme # 171c20 , maintenant sélectionner l'outil Rectangle arrondi (U), définir le rayon de 5px dessiner une forme de la même manière que dans la capture d'écran. Ajouter cette option de fusion: Ombre portée Maintenant, faites une sélection à la forme que nous venons de créer en appuyant sur ​​ctrl + clic à la forme sur le panneau de couches. Allez à Sélection> Modifier> Contrat, le contrat de la couche par 5px . Maintenant, faites glisser quelques lignes directrices à la lisière de la sélection vers la gauche, droite, haut et en bas comme le montre la capture d'écran. Sélectionnez l'outil Rectangle arrondi (U), définir le rayon de 5px . Pour la couleur j'ai choisi # 36414a . Couleur de cette forme ne sera pas question, car il servira de support des images du diaporama. Ajouter cette option de fusion: Ombre interne Lueur interne # 424f5a Coup # 111417 Créer un dossier à l'intérieur diaporama dossier et le nommer à diviseur . Assurez-vous que ce dossier est sur ​​le dessus de la forme que nous venons de créer. Pour créer un diviseur de sélectionner l'outil Rectangle de sélection (M), suivez la couleur comme le montre la capture d'écran. Nous l'avons divisé en deux parties, sur la partie gauche de cette contiendra la description de l'image dans le diaporama, ce sera également contenir le bouton précédent et suivant. La partie droite contient les images. Permet de commencer dans la partie gauche. Créez un autre dossier à l'intérieur du diaporama dossier et nommez-le à gauche . Maintenant, sélectionnez l'outil Rectangle arrondi (U), définir le rayon de 5px , suivre la façon dont je place la forme comme le montre la capture d'écran. Ajouter cette option de fusion: Incrustation en dégradé Stlye: Linéaire # 242b31 # 36414a Créez un nouveau calque et nommez-le en-tête . Sélectionnez l'outil rectangle arrondi avec le même rayon, suivre la façon dont je place la forme comme le montre la capture d'écran. Ajouter cette option de fusion: Lueur interne # 424f5a Incrustation en dégradé Stlye: Linéaire # 21282d # 2f3840 Coup # 111417 Maintenant, nous allons ajouter le texte d'en-tête, afin de sélectionner l'outil Texte (T) et écrire un texte la même façon que dans la capture d'écran. Dupliquer le calque de texte. Maintenant, appuyez sur la touche bas flèche une fois. Ajouter cette option de fusion: Incrustation en dégradé Stlye: Linéaire # D4d4d4 # Ffffff Maintenant, nous allons ajouter le texte de description, de sorte sélectionnez l'outil Texte (T) et écrire un texte la même façon que dans la capture d'écran. Maintenant passons à créer un savoir plus sur le bouton. Créez un autre dossier à l'intérieur diaporama dossier et le nommer à readmore . Sélectionnez l'outil Rectangle arrondi (U), le rayon de 5px . Placez la forme comme le montre la capture d'écran. Maintenant passons à créer un précédent et suivant le bouton. Créez un autre dossier à l'intérieur diaporama dossier et le nommer à prev_next . Sélectionnez l'outil Rectangle arrondi (U), le rayon de 5px . Placez la forme comme le montre la capture d'écran. Ajouter cette option de fusion: Ombre portée Ombre interne Lueur interne Incrustation en dégradé Dégradé linéaire Angle: 90 # 929292 Lieu # bcbdbd: 30% # Dfdfdf Localisation: 50% # Dfdfdf Lieu: 100% Coup # 161b1f Maintenant, nous allons ajouter la flèche précédente et suivante. Sélectionnez l'outil Forme personnalisée (U), trouver la flèche comme indiqué dans la capture d'écran. Placez la flèche comme indiqué dans la capture d'écran. Ajouter cette option de fusion: Ombre portée Incrustation en dégradé Dégradé linéaire Angle: 90 # 21282d # 2f3840 50% et 100% Maintenant prendre un peu de vos ½uvres à mettre en place dans notre slideshow image. Depuis le panneau de couches créer un nouveau calque au-dessus du image_holder calque et relier entre eux. Suivez la façon dont je le relier à la capture d'écran. Pour la dernière étape de notre diaporama permet de créer une ombre à la faire ressembler à 3d. Pour ce faire, sélectionnez l'outil Plume (T), suivre la façon dont je fais la forme dans la capture d'écran et de le remplir avec # 000000 . Sélectionnez le calque et aller à Filtre> Flou> Flou gaussien , réglez le rayon de 5.0px . Sur le panneau de calques l'opacité du calque à 80%. Etape 6: Travailler avec ce que je fais Sélectionnez le What I Do dossier. Maintenant, nous allons ajouter l'en-tête ce que je fais, alors, sélectionnez l'outil Texte (T) et écrire un texte la même façon que dans la capture d'écran. Ajouter cette option de fusion: Ombre portée Incrustation en dégradé Stlye: Linéaire # D4d4d4 # Ffffff Prêt les icônes que vous avez téléchargés. Nous allons ajouter 4 dossiers différents dans notre What I Do dossier. Ce sont I Capture Smiles, la conception de sites I, Prix Je reçois et je t'aime de socialiser, ceux-ci seront sur ​​un dossier séparé. . Maintenant, suivez comment je placer le texte dans la capture d'écran. Si vous avez terminé, vous pouvez avoir quelque chose qui ressemble à la mienne. Etape 6: Travailler avec diviseur Sélectionnez le diviseur dossier, à l'intérieur de celui-ci de créer un nouveau nom de dossier qu'elle lignes . Nous allons faire la ligne 2 1px pour faire un diviseur et quelques options de fusion pour le rendre plus intéressant. Pour que la ligne que nous pouvons faire ce par l'utilisation de l'outil de ligne (U), Pour la couleur 1ère ligne sera # 111417 et le 2e ligne # 364148 . Sélectionnez l'outil Rectangle (U), placez-le comme indiqué dans la capture d'écran et de mettre la couche de remplir à 0% Ajouter cette option de fusion: Incrustation en dégradé Dupliquer le calque, allaient changer le incrustation en dégradé. # 242b30 Étape 7: Travailler avec À propos de moi Sélectionnez le propos de moi dossier, nous allons maintenant ajouter la tête autour de moi et de l'information, afin de sélectionner l'outil Texte (T) et écrire un texte la même façon que dans la capture d'écran. J'utilise le même formatage du texte que nous ID dans nos What I Do article. Étape 8: Travailler avec Mon portefeuille Sélectionnez le Mon portefeuille dossier, maintenant, nous allons ajouter l'en-tête autour de moi, afin de sélectionner l'outil Texte (T) et écrire un texte la même façon que dans la capture d'écran. Sélectionnez l'outil Rectangle (U), et placer la forme comme le montre la capture d'écran. Ajouter cette option de fusion: Ombre portée Coup # 161b1f Maintenant, placez vos images d'échantillons dans la partie supérieure de cette couche et relier entre eux les mêmes que nous avons fait dans notre diaporama. Maintenant, nous allons ajouter les informations de mon portefeuille, afin de sélectionner l'outil Texte (T) et écrire un texte la même façon que dans la capture d'écran. Étape 9: Travailler avec pied de page Sélectionnez le Mon portefeuille dossier, nous allons maintenant ajouter le fond de bas de page, choisissez donc l'outil Rectangle (U) et définissez la couleur sur # 171c20 , le lieu de la forme de la même manière que dans la capture d'écran. Ajouter cette option de fusion: Lueur externe # 111417 Coup # 364148 Nous allons ajouter du texte d'auteur dans le côté gauche et quelques liens sur le côté droit, afin de sélectionner l'outil Texte (T) et écrire un texte la même façon que dans la capture d'écran. Étape 9: Travailler avec la lumière de fond Notez que notre arrière-plan est juste à plat. Dans cette étape, nous allons ajouter plus de luminosité dans la zone de diaporama et dans la zone médiane. Maintenant Sélectionnez Fond dossier, créez un 2 couches à l'intérieur et nommez-le Slideshow_light et l'autre est whatido_light . Sélectionnez slideshow_light calque, sélectionnez l'outil Rectangle de sélection et de faire une sélection comme le montre la capture d'écran. Pour créer l'outil Pinceau lumière select (B) la taille 700 de dureté 0% . Brosse à haut au centre de la sélection et sur ​​le panneau de couches définir le mode de fusion Lumière tamisée Opacité à 70% . Vous devriez avoir un effet de foudre le même dans la capture d'écran ci-dessous. Maintenant, sélectionnez whatido_light couche. Sélectionnez l'outil Rectangle de sélection (M), faire une sélection la même chose sur la capture d'écran ci-dessous. Désormais, lorsque vous avez terminé définir le mode de mélange de la couche de Lumière tamisée et l'opacité à 70% cela va créer un effet de foudre qui se marie à notre fond illustré dans la capture d'écran ci-dessous. Enfin ont été fait! J'espère que vous apprenez quelque chose sur ce tutoriel et espérons qu'il vous plaira. Si votre avez une question ou demande de tutoriel déposer des commentaires ci-dessous. Merci! Aperçu final
  19. Comme le titre l'indique je vend mon domaine avec bande passante illimitée, Go illimité, mail illimité et autres. Je le vend pour 1 ans avec un nom de domaine offert. ( Je fais ça pour aider un amis IRL qui lance sont propre service d'hébergement web en partenariat avec moi ( en gros je l'aide à le géré.)) Le prix commence pour 30¤ (OMG c'est cher) l'année. ceci ne concerne que les membres de confiance désormais. Ceci ne seras que pour un seul membre car c'est une 'phase' de test donc le premier membre qui poste sur ce topic auras cette offre, puis un site seras bien sur ouvert future ment pour vendre les hébergements web.
  20. Salut ! J'ai un problème, j’essaie d’accéder à une page web, appelons-la SITE1 et elle se redirige automatiquement vers SITE2 Dans le code source de SITE1 je trouve: donc voilà je voudrais "bypass" cette fichue redirection :help: J'en ai vraiment besoins c'est pour récupéré un fichier .zip sur un ancien site qui a déménager :snif:
  21. salut les amis je voulais bien créer un site web qui a un tutoriel étape par étape pour créer son propre site web et merci
  22. Bonjour, Aujourd'hui j'ai commencé un site(gratuit). J'ai fait mon nom de domaine prix l'hebergement et j'ai mit les fichier par FileZilla. Quand je vais sur le site, sa me marque que google n'arrive pas à trouvé le site. Alors j'ai visité le CPanel et dans Website Stats je vois se message: You cannot view stats for domain lucky-bot.com because you have not yet inserted tracking code. Please click on 'Get tracking code', then insert given HTML code to your website. Website stats will be enabled instantly! Quelqu'un peut m'aidé? L'hebergeur est 000webhost.com, le désign est celui-ci: Wootique | WooThemes Merci d'avance, Streg
  23. Problème site web

    Bonjour je crée mon site j'ai tout placer sur le dossier www via fillezilla sur le dédiée , ( séparément du serveur ) et quand j'installe il m'affiche sa à chaque fois , que faire ? svp Il ya Warning: mysql_connect() [function.mysql-connect]: Unknown MySQL server host 'xxxxxxx' (1) in index.php on line 165 Connexion impossible: Unknown MySQL server host 'xxx' (1)
  24. mon 1er web design

    Salut tout le monde je viens vous présenter mon 1er web design,certes il est pas terrible mais pour un début =) n'hésitez pas à laisser vos avis