Votre 1er sujet
Comment accéder à votre panneau d'administration ?
Dans le menu du haut, cliquez sur connexion, une nouvelle page s'affiche, renseigner le nom d'utilisateur « admin » et le mot de passe que vous avez indiqué lors de votre enregistrement. Si vous avez perdu ou oublié votre mot de passe, cliquez ici. Une fois que vous êtes connecté, cliquez sur le lien "Panneau d'administration" en bas de la page.
Comment modifier l'apparence de votre forum ?
Vous pouvez modifier l'apparence de votre forum en sélectionnant un thème (chaque thème affiche des images, des icônes et des couleurs différentes). Pour cela rendez-vous dans le panneau d'administration cliquez sur "Choisir un thème" dans le menu "Affichage" et choisissez l'un des thèmes proposés. Vous pourrez par la suite modifier librement ou choisir un autre thème.
Comment gérer les catégories et les forums?
Vous pouvez ajouter, modifier et supprimer les catégories et les forums que vous aurez créés à tout moment et indéfiniment. Pour cela rendez-vous dans le panneau d'administration puis cliquez sur " Catégories et forums" dans le menu "Général" et cliquez sur "Ajouter" (un forum ou une catégorie).
Re: Votre 1er sujet
https://www.youtube.com/watch?v=xlcywgEMuGI
Re: Votre 1er sujet
My tears are always frozen
I can see the air i breath
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Re: Votre 1er sujet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempor est orci, in congue risus consectetur eu. Pellentesque pulvinar odio in lobortis lobortis. Integer suscipit mi ac ex mollis tincidunt. Suspendisse euismod diam ut elementum auctor. Nulla eleifend ex in felis rutrum mattis. Vestibulum id dolor in tortor commodo aliquet id in sem. Morbi nec ipsum ac quam pellentesque egestas et ut purus. Suspendisse non suscipit odio. Etiam non pharetra purus.
Donec placerat nulla ac diam ultricies, sit amet tincidunt mi cursus. Sed tellus elit, auctor id cursus non, vehicula nec velit. Suspendisse imperdiet euismod justo, a mattis orci dignissim at. Sed vel quam ac tellus aliquam bibendum tempus ut felis. Etiam quam sapien, pharetra eu leo in, laoreet aliquet tortor. Etiam laoreet mollis dui, in imperdiet lacus scelerisque sed. Sed et ante eleifend, feugiat erat eget, dictum felis. Vivamus sed ante mauris. Nunc auctor molestie lectus. Aliquam quis metus a enim fermentum interdum.
- Code:
<div class="fiche_content_ofty"><div class="tabs-onglets"><div class="blue_block"><a href="#premier_onglet"><span class="onglet">Passer commande</span></a><a href="#deuxieme_onglet"><span class="onglet">Commandes réalisées</span></a></div></div><div id="contenu"> <div id="premier_onglet"><img src="https://i.imgur.com/UGEIThG.png"/><div class="block_right"><span class="title_commande">Commande.</span><span class="line_decoration"></span><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempor est orci, in congue risus consectetur eu. Pellentesque pulvinar odio in lobortis lobortis. Integer suscipit mi ac ex mollis tincidunt. Suspendisse euismod diam ut elementum auctor. Nulla eleifend ex in felis rutrum mattis. Vestibulum id dolor in tortor commodo aliquet id in sem. Morbi nec ipsum ac quam pellentesque egestas et ut purus. Suspendisse non suscipit odio. Etiam non pharetra purus.<br/><br/>Donec placerat nulla ac diam ultricies, sit amet tincidunt mi cursus. Sed tellus elit, auctor id cursus non, vehicula nec velit. Suspendisse imperdiet euismod justo, a mattis orci dignissim at. Sed vel quam ac tellus aliquam bibendum tempus ut felis. Etiam quam sapien, pharetra eu leo in, laoreet aliquet tortor. Etiam laoreet mollis dui, in imperdiet lacus scelerisque sed. Sed et ante eleifend, feugiat erat eget, dictum felis. Vivamus sed ante mauris. Nunc auctor molestie lectus. Aliquam quis metus a enim fermentum interdum.
</p></div></div><div id="deuxieme_onglet"><img src="http://i.imgur.com/ObFJxtr.png"/></div></div></div>
<style>.fiche_content_ofty{width: 500px; height: 450px; margin: auto; background: #202020; font-family: 'Georgia';}.blue_block{width: 500px; height: 60px; background: #aac0bb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 3px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;}.onglet{display: inline-block; margin: 5px 5px; width: 235px; height: 45px; background: #98b0ab; text-align: center; padding-top: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px;}.blue_block a{text-decoration: none;color: #76918b;font-weight: bold;}#premier_onglet{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}#premier_onglet img{width: 250px; height: 390px;}#premier_onglet p{width: 250px; height: 350px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 25px; color: white; font-size: 10px; text-align: justify; overflow: auto; line-height: 11px;}.title_commande {display: block; color: white; font-size: 20px; margin: 10px 0px 5px 20px; text-shadow: 2px 2px 1px black; font-style: oblique;}.line_decoration{display: block; height: 2px; width: 200px; margin-left: 50px; background: #aac0bb; color: #aac0bb;} #deuxieme_onglet {text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; overflow: auto; height: 390px;} #deuxieme_onglet img {max-width: 480px; height: auto;}</style>
Javascript à placer dans Module > Gestion des codes Javascript > Cocher "toutes les pages"
- Code:
/**
* Système d'onglets automatisé
* Version : 1.0
**/
$(document).ready(function() {
// le premier onglet est l'onglet par défault
var ongletActuel = null;
ongletActuel = $('.tabs-onglets a:first').attr('href');
// Ajout de classe au premier onglet
$('.tabs-onglets').find('a[href="'+ ongletActuel +'"]').addClass('selected');
// Afficher l'élément par défaut correspondant à celui de l'onglet par défaut
$(ongletActuel).show().siblings().hide();
// Gestion de l'événement clic
$('.tabs-onglets a').click(function(e) {
idOnglet = $(this).attr('href');
// Si l'élément est déjà sélectionné, ne rien faire
if (idOnglet == ongletActuel)
e.preventDefault();
else {
// Afficher le contenu demandé et masquer le contenu restant
$(idOnglet).fadeIn().siblings().hide();
// Retirer la classe des autres onglets et l'ajouter sur l'élément sélectionné
$(this).addClass('selected').siblings().removeClass('selected');
ongletActuel = idOnglet;
}
// Empêche le déclenchement du lien
e.preventDefault();
});
});
Re: Votre 1er sujet
Titre du RP
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et elit vitae mi euismod elementum. Mauris pellentesque dui lorem, ut pretium tortor lacinia et. Donec lacinia viverra dui, in laoreet lorem congue vel. Aenean imperdiet rutrum lorem, nec molestie quam congue vel. Sed commodo nunc ac porttitor laoreet. Aenean dapibus nibh ac hendrerit finibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam iaculis vitae justo et eleifend. Fusce suscipit convallis quam, sed ultricies augue sodales a. Pellentesque luctus magna et rhoncus malesuada. Aenean sit amet arcu et elit elementum efficitur.Proin dignissim rhoncus ipsum ac fringilla. Phasellus laoreet ornare erat ut efficitur. Aenean nec est eu est ullamcorper posuere id eget lectus. Nullam vel laoreet turpis. Vivamus vulputate tortor nec ante imperdiet sagittis. Mauris sit amet nisl a erat blandit interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fringilla odio in turpis scelerisque lobortis. Pellentesque venenatis elit non nibh ultricies, a sagittis neque condimentum.Integer nec consequat dolor. Morbi semper mi venenatis ornare placerat. Cras tristique ex in enim feugiat, quis lobortis dui luctus. In ac suscipit nibh. Aenean at diam ac tortor dictum dictum vel eu lectus. Curabitur faucibus lectus ac dolor condimentum, id faucibus turpis volutpat. Curabitur interdum tincidunt tincidunt. Vivamus lorem ex, scelerisque vel velit ut, ornare vehicula quam. Vivamus semper felis gravida laoreet laoreet. Aliquam mi nulla, sagittis sit amet urna ac, varius placerat purus.
|
|