Le Deal du moment : -36%
Friteuse sans huile Philips Airfryer Série 3000
Voir le deal
69.99 €

Anonymous
Tullia
Lun 20 Mai 2024 - 14:48
Hello tout le monde Smile !

Je suis de retour (pour vous jouer un mauvais tour) avec la suite des commandes pour mon forum Dragon Age New Origins.
Dans cette commande, il y aura 2 parties:

  • Commande de maquettes : Fiche Générale + Fiche de Présentation + Apparence Message + Apparence liste messages forum
  • Commande de codages forum: Panneau d'Affichage + Catégories


Les commandes seront détaillées dans les posts qui suivent. Merci d'avance pour votre aide  [04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 2764  !
Anonymous
Tullia
Lun 20 Mai 2024 - 14:56
Commande de maquettes

• Type de création : Maquettes Codes Forum [X]
• Moyen de contact : Tullia sur discord
• Comment avez vous connu Pisrale ? Utilisez vous nos services ? Si oui, lesquels ? Oui, demande de header et de maquettes précédemment.
• Lien du forum / projet: Forum Dragon Age New Origins

---------

• Listez les maquettes nécessaires : Fiche générale + Fiche de présentation + Apparence message + apparence liste messages forum
• Donnez nous des précisions : suivre la même charte graphique/esprit que les maquettes précédentes (Index https://i.servimg.com/u/f29/14/48/65/49/index_10.jpg)
• Exemples de ce qui vous plairais :

Fiche Générale:



Fiche de Présentation:


Apparence message:

Apparence liste message forum:

• Autres : si besoin de parler de tous les détails pour chaque demande, ne pas hésiter à me demander sur le discord.
Anonymous
Tullia
Lun 20 Mai 2024 - 15:08
Commande de codages

• Type de création : codage INDEX (Page d'accueil + Catégorie)
• Acceptez vous que la commande puisse finir en libre service : Oui
• Moyen de contact : Tullia sur discord
• Comment avez vous connu Pisrale ? Utilisez vous nos services ? Si oui, lesquels ? Oui, demande de header et de maquette précédemment.
• Lien du forum / projet: Forum Dragon Age New Origins

------------------------------

Panneau d'Affichage:

Catégories:
KoalaVolant
KoalaVolant
Mar 21 Mai 2024 - 10:14
Re à toi :p

Pour les maquettes j'imagine qu'il vaut mieux garder A'é
Pour les codes, je reviens vers toi pour savoir qui s'en occupe ^^ !
void_invaders
void_invaders
Mar 21 Mai 2024 - 11:10
Et bonjour !
Je prends la commande pour les codages de la PA et des catégories \o/
Comme je suis en train de terminer une commande, je pose un délai de 2 semaines donc le 04/06/2024 pour la date buttoir !

A bientôt sur discord [04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 1f440
Anonymous
Tullia
Mar 21 Mai 2024 - 12:07
Bonjour Void =D !

OK pour le délai de 2 semaines. Si tu as des questions ou que tu veux qu'on fasse un point sur le discord n'hésite pas !

Et A'é tout pareil Wink

Bises et merci encore !
(A'é)
(A'é)
Mar 21 Mai 2024 - 12:09
Hellow ~

De mon côté pour faire les autres maquettes je vais me donner jusqu’au 16/06 hehe (mais je devrais finir en avance!)
void_invaders
void_invaders
Lun 3 Juin 2024 - 14:54
Alors alors ! Première partie de la commande, la PA.


Pour commencer, rdv dans le Panneau d'administration -> Affichage -> Images et Couleurs -> Couleurs & CSS -> Feuille de style CSS pour poster le CSS qui suit :
Code:
/**************PAGE D'ACCUEIL - Dragon Age - START**************/
@font-face{font-family:trajan pro;font-style:normal;font-weight:400;src:local('Trajan Pro'),url(https://fonts.cdnfonts.com/s/14928/TrajanPro-Regular.woff) format('woff')}@font-face{font-family:trajan pro;font-style:normal;font-weight:700;src:local('Trajan Pro'),url(https://fonts.cdnfonts.com/s/14928/TrajanPro-Bold.woff) format('woff')}

.tulli_PA {
    margin: auto;
    margin-top: 120px;
    width: 700px;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 16px;
}

.tullPA_top a, .tullPA_soleil, .tullPA_title, .tullPA_title_verti {
    font-family: 'Trajan Pro';
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    line-height: normal;
}

.tullPAtop_left, .tullPAtop_right {
    padding-top: 4px;
    z-index: 999;
}

.tullPA_top, .tullPA_bottom {
    width: 100%;
    height: 30px;
    background-color: #C39D4D;
    display: flex;
    justify-content: space-between;
}

.tullPAtop_left, .tullPA_soleil, .tullPAtop_right {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.tullPA_soleil {
    flex: none;
    width: 150px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tullPA_soleil img {
    position: absolute;
    width: 300px;
}

.tullPA_soleil b {
    position: relative;
}

.tullPA_body {
    background-color: #3A4B52;
}

.tullPAbod_first {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
}

.tullPAbod_cont .tullPA_title, .tullPAbod_staff .tullPA_title {
    background: linear-gradient(to right, #BA934D, #6b8794);
    letter-spacing: 0.05rem;
    height: 20px;
    padding-left: 5px;
}

.tullPAbod_cont .tullPA_bloc, .tullPAbod_staffimg {
    background: linear-gradient(to right, #BA934D, #3A4B52);
    height: 150px;
    padding: 5px;
    margin-top: 2px;
}

.tullPAbod_lastpost .tullPA_title {
    background: linear-gradient(to left, #BA934D, #6b8794);
    letter-spacing: 0.05rem;
    height: 20px;
    text-align: right;
    padding-right: 5px;
}

.tullPAbod_lastpost .tullPA_bloc, .tullPAbod_infos .tullPA_bloc {
    background: linear-gradient(to left, #BA934D, #3A4B52);
    height: 150px;
    padding: 5px;
    margin-top: 2px;
}

.tullPA_txt {
    height: 100%;
    overflow: auto;
    scrollbar-width: none;
    background-color: #9EA6AA;
    border: 1px solid #3A4B52;
    padding: 5px;
    text-align: justify;
}

.tullPAbod_disc {
    padding: 20px;
    margin-top: 40px;
}

.tullPAbod_disc a img {
    position: relative;
    width: 130px;
    z-index: 999;
}

.tullPAbod_last {
    position: relative;
    display: flex;
    justify-content: space-around;
    padding: 15px;
}

.tullPAbod_topsite {
    display: flex;
    flex-direction: row-reverse;
    gap: 2px;
}

.tullPAbod_topsite .tullPA_img img {
    width: 50px;
}

.tullPA_title_verti {
    writing-mode: vertical-rl;
    text-orientation: upright;
    width: 30px;
    background: linear-gradient(to bottom, #BA934D, #6b8794);
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.tullPA_fdimg {
    background: linear-gradient(to bottom, #BA934D, #3A4B52);
    width: 70px;
    padding: 5px;
}

.tullPA_img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    background-color: #3A4B52;
    height: 100%;
    padding: 5px 0;
}

.tullPAbod_staform {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
}

.tullPAbod_staffimg {
    height: auto;
}

.tullPA_imghover {
    display: flex;
    background-color: #3A4B52;
    padding: 2px;
    justify-content: space-between;
}

.tullPA_imgstaff {
    position: relative;
    z-index: 0;
    width: 105px;
    height: 158px;
}

.tullPA_imgstaff img {
    position: relative;
    border-radius: 0 20px 0 20px;
    z-index: 1;
    width: 105px;
    height: 158px;
}

.tullPA_imgstaff div {
    z-index: 2;
    position: absolute;
    top: 0;
    width: 105px;
    height: 158px;
    background-color: #ffffff88;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 0 20px 0 20px;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.tullPA_imgstaff div:hover {
    opacity: 1;
    transition: all 0.3s ease-out;
}

.tullPA_imgstaff div b, .tullPA_imgstaff div a {
    font-family: 'Trajan Pro';
    font-size: 20px;
    text-decoration: none;
    font-weight: 900;
}

.tullPA_imgstaff div a {
    margin-top: 10px;
}

.tullPAbod_infos .tullPA_bloc {
    height: 90px;
}

.tullPA_nav {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.tullPA_nav button {
    background: none;
    border: none;
    cursor: pointer;
}

.prev {
    position: absolute;
    left: 150px;
    bottom: 40px;
}

.prev_arrow {
    display : inline-block;
    border-top : 20px solid transparent;
    border-right : 20px solid #C39D4D;
    border-bottom : 20px solid transparent;
}

.next {
    position: absolute;
    right: 150px;
    bottom: 40px;
}

.next_arrow {
    display : inline-block;
    border-top : 20px solid transparent;
    border-left : 20px solid #C39D4D;
    border-bottom : 20px solid transparent;
}

.tullPA_slide {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.tullPA_slide span {
    min-width: 100%;
    transition: transform 0.5s ease-in-out;
    padding: 0 2px;
    overflow-y: auto;
    scrollbar-width: none;
}

.tullPAbod_partos {
    display: flex;
    gap: 2px;
}

.tullPAbod_partos .tullPA_img img {
    width: 40px;
}

.tullPA_bottom {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0px;
}
/**************PAGE D'ACCUEIL - Dragon Age - END**************/

Ensuite, direction Modules -> HTML & JAVASCRIPT -> Gestion des codes Javascript pour Créer un nouveau Javascript qui va servir à faire fonctionner le carroussel des events/etc. Nommer le JS de façon clair pour savoir précisément à quoi il sert, bien cocher "Sur toutes les pages" pour le placement puis coller le code qui suit avant de valider :
Code:
$(document).ready(function() {
        let currentIndex = 0;
        const $slides = $('.tullPA_slide span');
        const totalSlides = $slides.length;
        const intervalTime = 10000; // 10 secondes
        let slideInterval;

        const showSlide = (index) => {
            $slides.each(function(i) {
                $(this).css('transform', `translateX(-${index * 100}%)`);
            });
        };

        const nextSlide = () => {
            currentIndex = (currentIndex + 1) % totalSlides;
            showSlide(currentIndex);
        };

        const prevSlide = () => {
            currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;
            showSlide(currentIndex);
        };

        $('.next').on('click', () => {
            clearInterval(slideInterval);
            nextSlide();
            slideInterval = setInterval(nextSlide, intervalTime);
        });

        $('.prev').on('click', () => {
            clearInterval(slideInterval);
            prevSlide();
            slideInterval = setInterval(nextSlide, intervalTime);
        });

        // Diaporama automatique
        slideInterval = setInterval(nextSlide, intervalTime);
    });

Dernière étape, coller le code HTML qui suit dans Affichage -> Page d'Accueil -> Généralités :
Code:
<div class="tulli_PA">
            <div class="tullPA_top">
                <span class="tullPAtop_left">
                    <a href="#">Lien Utile</a>
                    <a href="#">Lien Utile</a>
                </span>
                <span class="tullPA_soleil">
                    <img src="https://i.postimg.cc/0yy9cz5x/icon-soleil-PA.webp"/>
                    <b>00.00.0000</b>
                    <b>Saison</b>
                </span>
                <span class="tullPAtop_right">
                    <a href="#">Lien Utile</a>
                    <a href="#">Lien Utile</a>
                </span>
            </div>
            <div class="tullPA_body">
                <div class="tullPAbod_first">
                    <div class="tullPAbod_cont">
                        <div class="tullPA_title">Contexte</div>
                        <div class="tullPA_bloc">
                            <div class="tullPA_txt">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hendrerit nulla quis neque malesuada scelerisque. Sed et convallis augue. Morbi ac finibus augue. Nullam fringilla ac diam quis hendrerit. Maecenas interdum convallis eros, eu finibus metus sagittis quis. Curabitur non commodo metus. Quisque egestas urna non tempor sodales. Nam in luctus massa. Vestibulum ipsum est, auctor sit amet eros non, mattis volutpat nulla. Etiam bibendum sem vel pharetra aliquam. Duis at fermentum risus, quis semper ipsum. Quisque vulputate lorem ut enim iaculis, vel scelerisque felis accumsan.
                            </div>
                        </div>
                    </div>
                    <div class="tullPAbod_disc">
                        <a href="liendudiscord"><img src="https://i.postimg.cc/KzMGBCGM/Discord-transparent.webp"/></a>
                    </div>
                    <div class="tullPAbod_lastpost">
                        <div class="tullPA_title">Derniers Posts</div>
                        <div class="tullPA_bloc">
                            <div class="tullPA_txt">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hendrerit nulla quis neque malesuada scelerisque. Sed et convallis augue. Morbi ac finibus augue. Nullam fringilla ac diam quis hendrerit. Maecenas interdum convallis eros, eu finibus metus sagittis quis. Curabitur non commodo metus. Quisque egestas urna non tempor sodales. Nam in luctus massa. Vestibulum ipsum est, auctor sit amet eros non, mattis volutpat nulla. Etiam bibendum sem vel pharetra aliquam. Duis at fermentum risus, quis semper ipsum. Quisque vulputate lorem ut enim iaculis, vel scelerisque felis accumsan.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tullPAbod_last">
                    <div class="tullPAbod_topsite">
                        <div class="tullPA_title_verti">Nos Top Sites</div>
                        <div class="tullPA_fdimg">
                            <div class="tullPA_img">
                                <a href="#"><img src="https://i.postimg.cc/4N5J66gB/test-b10.png"/></a>
                                <a href="#"><img src="https://i.postimg.cc/4N5J66gB/test-b10.png"/></a>
                                <a href="#"><img src="https://i.postimg.cc/4N5J66gB/test-b10.png"/></a>
                            </div>
                        </div>
                    </div>
                    <div class="tullPAbod_staform">
                        <div class="tullPAbod_staff">
                            <div class="tullPA_title">Le Staff</div>
                            <div class="tullPAbod_staffimg">
                                <div class="tullPA_imghover">
                                    <div class="tullPA_imgstaff">
                                        <img src="https://i.postimg.cc/W1YTKstZ/mini-v12.png"/>
                                        <div>
                                            <b>Pseudo</b>
                                            rang
                                            <a href="#">MP</a>
                                        </div>
                                    </div>
                                    <div class="tullPA_imgstaff">
                                        <img src="https://i.postimg.cc/sxP30SZf/mini-v16.png"/>
                                        <div>
                                            <b>Pseudo</b>
                                            rang
                                            <a href="#">MP</a>
                                        </div>
                                    </div>
                                    <div class="tullPA_imgstaff">
                                        <img src="https://i.postimg.cc/PqLTn08R/mini-v17.png"/>
                                        <div>
                                            <b>Pseudo</b>
                                            rang
                                            <a href="#">MP</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tullPAbod_infos">
                            <div class="tullPA_bloc">
                                <div class="tullPA_txt">
                                    <div class="tullPA_nav">
                                        <button class="prev"><div class="prev_arrow"></div></button>
                                        <div class="tullPA_slide">
                                            <span>Slide 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hendrerit nulla quis neque malesuada scelerisque. Sed et convallis augue. Morbi ac finibus augue. Nullam fringilla ac diam quis hendrerit. Maecenas interdum convallis eros, eu finibus metus sagittis quis. Curabitur non commodo metus. Quisque egestas urna non tempor sodales. Nam in luctus massa. Vestibulum ipsum est, auctor sit amet eros non, mattis volutpat nulla. Etiam bibendum sem vel pharetra aliquam. Duis at fermentum risus, quis semper ipsum. Quisque vulputate lorem ut enim iaculis, vel scelerisque felis accumsan.</span>
                                            <span>Slide 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hendrerit nulla quis neque malesuada scelerisque. Sed et convallis augue. Morbi ac finibus augue. Nullam fringilla ac diam quis hendrerit. Maecenas interdum convallis eros, eu finibus metus sagittis quis. Curabitur non commodo metus. Quisque egestas urna non tempor sodales. Nam in luctus massa. Vestibulum ipsum est, auctor sit amet eros non, mattis volutpat nulla. Etiam bibendum sem vel pharetra aliquam. Duis at fermentum risus, quis semper ipsum. Quisque vulputate lorem ut enim iaculis, vel scelerisque felis accumsan.</span>
                                            <span>Slide 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hendrerit nulla quis neque malesuada scelerisque. Sed et convallis augue. Morbi ac finibus augue. Nullam fringilla ac diam quis hendrerit. Maecenas interdum convallis eros, eu finibus metus sagittis quis. Curabitur non commodo metus. Quisque egestas urna non tempor sodales. Nam in luctus massa. Vestibulum ipsum est, auctor sit amet eros non, mattis volutpat nulla. Etiam bibendum sem vel pharetra aliquam. Duis at fermentum risus, quis semper ipsum. Quisque vulputate lorem ut enim iaculis, vel scelerisque felis accumsan.</span>
                                            <span>Slide 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hendrerit nulla quis neque malesuada scelerisque. Sed et convallis augue. Morbi ac finibus augue. Nullam fringilla ac diam quis hendrerit. Maecenas interdum convallis eros, eu finibus metus sagittis quis. Curabitur non commodo metus. Quisque egestas urna non tempor sodales. Nam in luctus massa. Vestibulum ipsum est, auctor sit amet eros non, mattis volutpat nulla. Etiam bibendum sem vel pharetra aliquam. Duis at fermentum risus, quis semper ipsum. Quisque vulputate lorem ut enim iaculis, vel scelerisque felis accumsan.</span>
                                        </div>
                                        <button class="next"><div class="next_arrow"></div></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tullPAbod_partos">
                        <div class="tullPA_title_verti">Nos Partenaires</div>
                        <div class="tullPA_fdimg">
                            <div class="tullPA_img">
                                <a href="#"><img src="https://i.postimg.cc/4N5J66gB/test-b10.png"/></a>
                                <a href="#"><img src="https://i.postimg.cc/4N5J66gB/test-b10.png"/></a>
                                <a href="#"><img src="https://i.postimg.cc/4N5J66gB/test-b10.png"/></a>
                                <a href="#"><img src="https://i.postimg.cc/4N5J66gB/test-b10.png"/></a>
                                <a href="#"><img src="https://i.postimg.cc/4N5J66gB/test-b10.png"/></a>
                                <a href="#"><img src="https://i.postimg.cc/4N5J66gB/test-b10.png"/></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tullPA_bottom">
                Forum RPG basé sur Dragon Age Origins ▬ Code de void_invaders ▬ Maquettes par (A'é)
            </div>
        </div>

Et voilà, le tour est joué ! Les catégories devraient arriver bientôt, sauf contretemps inattendu !
void_invaders
void_invaders
Jeu 6 Juin 2024 - 13:17
Me revoilà pour la suite !
Alors, pour mettre en place ce code-là, il va falloir aller dans les templates depuis le Panneau d'Administration > Affichage > Templates > Général. Une fois là-bas, c'est le template index_box qu'il va falloir modifier. A l'intérieur, il va falloir supprimer une partie du code pour le remplacer, repérez donc les lignes suivantes :
Code:
<!-- BEGIN catrow -->
...
<!-- END catrow -->

Si le template n'a pas été modifié, ce morceau de code se situe de la ligne 20 à la ligne 86.  Une fois cette partie retirée, remplacez-là par ce code-ci :
Code:
<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
<div class="tull_category">
        <div class="tullcat_title">
                {catrow.tablehead.L_FORUM}
 </div>
 <!-- END tablehead -->
 <!-- BEGIN forumrow -->
 <div class="tullcat_forum">
 <div class="tullcatfo_title">
 <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 </div>
 <div class="tullcatfo_bloc">
 <div class="tullcatfo_img">
 <img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/>
 </div>
 <div class="tullcatfo_desc">
 <div class="tullcatfodes_img">{catrow.forumrow.FORUM_DESC}</div>
 <div class="tullcatfodes_txt">{catrow.forumrow.FORUM_DESC}</div>
 </div>
 <div class="tullcatfo_last">
 <div class="tullcatfo_lastop">
                                   <div class="tullcatfolas_post"><a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a></div>
 <div class="tullcatfolas_date">{catrow.forumrow.USER_LAST_POST}</div>
                                   <div class="tullcatfolas_user">{catrow.forumrow.USER_LAST_POST}</div>
 </div>
 <div class="tullcatfo_infos">
 <div class="tullcatfo_topics">{catrow.forumrow.TOPICS} {L_TOPICS}</div>
 <div class="tullcatfo_posts">{catrow.forumrow.POSTS}&nbsp;{L_POSTS}</div>
 </div>
 </div>
 </div>
 <div class="tullcatfo_sub">
 <div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
 <script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/,/g,"◊"));});</script>
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </div>
 </div>
 <!-- END forumrow -->
 <!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->

Après ça, rendez-vous dans votre feuille de style via la Panneau d'administration -> Affichage -> Images et Couleurs -> Couleurs & CSS -> Feuille de style CSS pour y coller le code qui suit à la suite du reste :
Code:
/**************CATEGORIES - Dragon Age - START**************/
.tull_category {
    width: 900px;
    margin: auto;
    margin-bottom: 45px;
}

.tullcat_title {
    width: 100%;
    height: 70px;
    background: linear-gradient(to right, #BE994B, transparent);
    padding: 13px 20px;
    margin-bottom: 20px;
}

.tullcat_title h2 {
    font-family: 'Trajan Pro';
    font-size: 35px;
    font-weight: bolder;
    color: #fff;
    text-transform: uppercase;
}

.tullcat_forum {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.tullcatfo_bloc {
    display: flex;
}

.tullcatfo_title {
    height: 40px;
    padding-left: 10px;
}

.tullcatfo_title a {
    font-family: "Julius Sans One", sans-serif;
    color: #fff;
    font-size: 30px;
}

.tullcatfo_title a:hover {
    color: #BE994B;
}

.tullcatfo_img {
    position: relative;
    z-index: 999;
    display: flex;
    width: 25px;
    align-items: center;
    justify-content: center;
}

.tullcatfo_img img {
    position: absolute;
}

.tullcatfo_desc {
    position: relative;
    height: 125px;
    width: 700px;
}

.tullcatfodes_img, .tullcatfodes_img img {
    width: 100%;
    height: 100%;
    border-radius: 0 20px 0 20px;
    font-size: 0px;
}

.tullcatfodes_img br, .tullcatfodes_txt br, .tullcatfodes_txt img {
    display: none;
}

.tullcatfodes_txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 20px 0 20px;
    background-color: #3a4b52bd;
    padding: 25px;
    text-align: justify;
    font-family: 'Calibri', sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    overflow: auto;
    scrollbar-width: none;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.tullcatfodes_txt:hover {
    opacity: 1;
    transition: all 0.3s ease-out;
}

.tullcatfo_last {
    width: 150px;
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tullcatfo_lastop {
    min-height: 90px;
    background-color: #3A4B52;
    color: #fff;
    border-radius: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    font-family: calibri;
    font-size: 16px;
}

.tullcatfolas_post a {
    color: #BE994B;
}

.tullcatfolas_post a:hover {
    color: #fff;
}

.tullcatfolas_date {
    font-size: 12px;
}

.tullcatfolas_date a, .tullcatfolas_date br {
    display: none;
}

.tullcatfolas_user {
    font-size: 0;
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    align-items: center;
}

.tullcatfolas_user a {
    font-size: 14px;
}

.tullcatfo_infos {
    display: flex;
    justify-content: space-between;
    font-family: 'Trajan Pro';
    font-size: 16px;
    color: #BE994B;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.retvirg {
    color: #fff;
    font-size: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 5px;
    line-height: 22px;
    padding-top: 10px;
}

.retvirg a {
    color: #BE994B;
    font-family: 'Trajan Pro';
    font-size: 22px;
    line-height: 25px;
}

.retvirg a:hover {
    color: #fff;
}
/**************CATEGORIES - Dragon Age - END**************/

Et normalement, c'est tout bon, la commande est donc terminée !
Anonymous
Tullia
Jeu 6 Juin 2024 - 13:20
Merci beaucoup Void ! Je vais installer ça de ce pas =D .
(A'é)
(A'é)
Dim 9 Juin 2024 - 16:45
Helloooo

Comme vu en MP, voilà la maquette pour la liste des sujets ! (Le doré = annonce, note, etc ; le gris = sujet normal)
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 3llf
(A'é)
(A'é)
Dim 9 Juin 2024 - 22:33
Voilà pour le profil+message :

(couleur de la bannière changeant en fonction du groupe, information de la feuille de personnage présent dans la bannière)

[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 Bfpu
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 58x1
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 R437
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 1e1t
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 Dlad
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 Emmy
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 Z45t
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 Gqv3
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 N22t
[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 2khm
Contenu sponsorisé
Revenir en haut

Nos amis proches

[04/06 Codages Void_invaders - 16/06 Maquettes (A’é)] Commande forum Dragon Age New Origins Part 2 Parto512 Logo WyvArtem Life Is StrangeForum RPG Yakuza80