Achtergrond Post per rang.

[Mystic]

Haay,

Naar aanleiding van deze tutorial op het engelse ondersteuningsforum heb ik geprobeerd om dit ook op mijn forum toe te passen. Echter word de titel van de rang waar dus deze code in moet staan:

Code:

<span class="st-rang">TITEL VAN RANG</span>

...automatisch afgekort, waarschijnlijk omdat de titel anders te lang is.
Is er een oplossing hiervoor of eventueel een andere code om dit doel alsnog te bereiken?

Alvast Bedankt.

Gr. Mystic

[Joost]

Welke forumversie gebruik je? Want die tutorial werkt alleen op Phpbb3 zover ik weet.

[Mystic]

Welke forumversie gebruik je? Want die tutorial werkt alleen op Phpbb3 zover ik weet.

Ik werk met PunBB. Ik dacht dat er wel een andere tutorial was op het engelse ondersteuningsforum waarbij alle versies mogelijkwaren...Ik weet dus ook niet zeker of deze tutorial bestaat ;s

[Joost]

Ik ga straks even zoeken of ik iets kan vinden voor je.

[Mystic]

Alvast Bedankt ^^

[Joost]

Misschien is dit iets wat je zoekt lijkt erop kon zo gauw niet iets anders vinden voor Punbb wel voor Phpbb2 en Phpbb3 en Invision.

Ik hoop dat dit iets is, ik hoor het graag ik zou het wel eerst testen op een test forum voor je het op je eigen forum instelt.

[Mystic]

Hi,

Het lag gewoon aan een stom foutje van me. Ik plaatje de code...

Code:

<span class="st-rang">Rang Titel</span>

...in de naam van de groep i.p.v. de naam van de rang
Het ziet er naar uit dat het wel werkt...Echter zit ik nu met een ander probleem...De afbeelding die ik heb ingesteld als achtergrond voor het bericht word niet in het bericht zelf weergegeven, maar in je profiel naast je bericht...(Waar je avatar ook getoond word enz.) Ik weet niet of het een optie is om dat profiel dan zo in te stellen dat het aan de rechter kant komt te staan...Maar mijn voorkeur gaat naar de linkerkant. Hopelijk is hier een oplossing voor...

De codes die ik gebruik:
CSS:

Code:


/* Achtergrond Posts */
 .post.online.st-answer {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
    }
    .post.st-answer {
    background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top #E5F1F9;
    }

Javascript

Code:

$(function() {
$('.st-rang').closest('.post').addClass('st-answer');
});

[Joost]

Ik ben bezig op dit moment met het navragen, ik post zo snel mogelijk of hier een oplossing voor is.

[Joost]

Excuus voor het lange wachten het moest eerst getest worden met de juiste codes ik heb ze nu voor je plaats de onderstaande codes op de juiste plek!

CSS:

Code:

.specialpostadmin {   
    background-image: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png");
    background-repeat: repeat-y;

} 

Rangnaam:

Code:

<span class="nome">HIER RANG</span>

Javascript op all pages:

Code:

var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(b){return b.replace(a,"\\$&")}})();var postbg={add:function(a,b){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var c=$(".username").get();for(i=0;i<c.length;i++)RegExp("^"+a+"$","g").test($(c[i]).text())&&($(c[i]).closest(".post").addClass(b),$(c[i]).closest(".postmain").addClass(b))})}}; 

postbg.add('Admin, User1', 'specialpostadmin');

Je kunt overigs zelf het beste even kijken aan welke kant je het profiel wilt hebben staan via: Algemeen > Configuratie > Onderaan bij ''Pagina Structuur'' en zet de optie bij ''Positie van de profielinformatie in berichten'' op de linkerkant of de rechterkant.

[Mystic]

Ik heb het uitgeprobeerd, echter veranderd de code zowat de hele stijl van het bericht en het oranje balkje (De afbeelding die in de code zit verwerkt) is niet zichtbaar. Het is natuurlijk ook mogelijk dat ik het gewoon verkeerd instel. Nu er ondertussen een standaard achtergrond is ingesteld voor de berichten (Die dus niet veranderd per rang) komt het een stuk mooier over met de verandering in het 'profiel-gedeelte'. Er hoeft wat mij betreft geen verdere oplossing gezocht te worden, want ik stel me tevreden met zoals het er nu uitziet. Joost, Ik wil je hartelijk bedanken voor je aandacht en tijd en wie weet kan iemand anders deze code nog gebruiken. Ik zal het topic als opgelost markeren.

[Joost]

Graag gedaan, ook mede dank aan VJ. die me ook wat geholpen heeft.
Dan sluit ik het topic, veel succes met je forum!

Aanvraag opgelost en gesloten.