Het is nu di 26 maa 2019 - 7:13

8 resultaten gevonden

Aangepaste gebruikersnamen op groep

Aangepaste gebruikersnamen op groep



Met de volgende truc kun je de gebruikersnamen van de leden van je ActieForum forum aanpassen, afhankelijk van de groep waartoe ze behoren.


Hier is een voorbeeld van wat je kunt doen :
- Met een lid van de groep "Support Moderators" :
- Met een lid van de groep "Administrators" :
- Overzicht van de "Wie is Online" :


1. De style sheet (CSS) aanpassen


Ga naar:
Beheerderspaneel Display Plaatjes en Kleuren Kleuren ► CSS stylesheet tab

Kopieer en plak de volgende code :
Code:
a span[style="color:#000000"] strong {
    background:url(https://illiweb.com/fa/empty.gif) no-repeat;
    padding-left:**px;
}

Aanpassingen:
In de bovenstaande code, om deze truc te laten werken, moet je het volgende wijzigen:

span[style="color:#000000"] : vervang #000000 met de kleur code die correspondeert met de groep die je aan wilt passen. Je kunt deze code vinden in: Beheerderspaneel Gebruikers en Groepen Groepen Groeps beheer.

- background : correspondeert met de afbeelding die is ingevoegd voor de gebruikersnaam. Hier moet je de URL vervangen https://illiweb.com/fa/empty.gif door de URL van jouw afbeelding.


padding-left : stelt je in staat om een linker margin toe te voegen aan de gebruikersnaam zodat de afbeelding vertoont kan worden. Hier moet je de **px aanpassen: deze ** duiden de breedte van de afbeelding aan. Als de afbeelding b.v. 16 pixels breed is, wordt de margin : 16px.

2. Meer aanpassingen:


Nog steeds met behulp van de selector hierboven aangegeven en het veranderen van de kleur van de groep:
Code:
a span[style="color:#000000"] strong

Je kunt naar wens de gebruikersnamen van uw leden op basis van hun groep aanpassen.
Bijvoorbeeld: een borderrand, geef ze een achtergrond, een bepaald lettertype, een schaduw ... wees creatief  Smile



van TonnyKamper
op zo 1 jul 2018 - 20:14
 
Zoek in: Tips & Trucs
Onderwerp: Aangepaste gebruikersnamen op groep
Antwoorden: 0
Bekeken: 161

Actieforum nieuws : ModernBB update

@mokalu10 schreef:wij zitten met het volgend probleem zie onze site kleuren stelling zwart/grijs met wit text
maar bij een reply in een prive bericht ( zie je een wit vlak ) kan je met geen mogelijkheid de kleur van text veranderen in een andere
en 2 man hier lukt het niet en we zijn niet echt broekies ( ervaring genoeg )en wat je ook intypt je ziet niks in dat witte reactie vak alleen als je je muis er overheen trekt. wij gebruiken nu ook die beta versie
modernbb  wat is er aan te doen http://the-wall-of-music.actieforum.com/ of slaan 2 man de plank volledig mis 93134:
als dat zo is schamen we ons diep heel diep lol!


Probeer dit javascript eens: op Controlepanel/Modules/Javascripts

Titel: Jouw keuze
Plaatsing: In de Topics

Code:
$(function() {
  $(function() {
    $(".sceditor-container iframe")
      .contents()
      .find("head")
      .append(
        "<style>body,html,code:before,p,table{background-color:#000000;}</style>"
      );
  });
});


De kleurcode #000000 naar eigen smaak aanpassen..
van TonnyKamper
op di 25 jul 2017 - 22:09
 
Zoek in: Mededelingen / Updates
Onderwerp: Actieforum nieuws : ModernBB update
Antwoorden: 6
Bekeken: 929

Kleur text op profiel

Het is enkel naast de berichten en op het profiel.
Naast de berichten staat dus ook naam & aantal berichten en die staan ook op het forum dus ging er vanuit dat dat in dezelfde code zit maar nu is het weer #0C0300
Ook als ik de #000000 aanpas naar #0C0300 veranderd het niet.

het gaat dus om het volgende:

Spoiler:

van Lily1901
op ma 1 jun 2015 - 20:12
 
Zoek in: Prullenmand
Onderwerp: Kleur text op profiel
Antwoorden: 5
Bekeken: 549

Geavanceerde RPG Sheet op het profiel

Geavanceerde RPG Sheet op het profiel


Deze tutorial zal je uitleggen hoe je een RPG sheet op het profiel kunt veranderen!

De plaatst waar je de code invoert is via het volgende stappenplan:
Beheerderspaneel Display Templates  Profile profile_view_body


DE CODE :

Volg het stappen plan als volgt:
1. Klik op het gele tandwieltje achter het template profile_view_body.
2. Selecteer de GEHELE code die er op dit moment in het tekstvlak.
3. Verwijder de geselecteerde code en plak de onderstaande code in het tekstvlak.
4. Pas de <   td style="....."   > en/of de <   font style="....."   > aan naar je eigen aantal pixels en kleurcodes, dus bijv. 15px en {#}000000{/#} en eigen smaak.
5. Druk op verzenden en daarna op het groene plusje, dan zal de template zichtbaar worden.

DE RPG PROFILE VIEW BODY.
Code:
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE}</th>
   </tr>
   <tr>
      <td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td>
      <td class="catRight" width="60%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td>
   </tr>
   <tr>
      <td class="row1" align="center" valign="top" height="120">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
               <td valign="middle" nowrap="nowrap" align="right" width="20%"><span class="gen">{L_AVATAR_IMG} </span></td>
               <td width="80%"><b><span class="gen">{AVATAR_IMG}</span></b></td>
            </tr>
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_RANK}: </span></td>
               <td><b><span class="gen">{POSTER_RANK}</span></b></td>
            </tr>
            <!-- BEGIN switch_show_status -->
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_STATUT}: </span></td>
               <td><b><span class="gen">{USER_ONLINE}</span></b></td>
            </tr>
            <!-- END switch_show_status -->
            <!-- BEGIN switch_allow_friendsfoes -->
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_FRIENDS_AND_FOES}: </span></td>
               <td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td>
            </tr>
            <!-- END switch_allow_friendsfoes -->
            <!-- BEGIN switch_auth_user -->
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><br /><span class="gen">{L_ADMINISTRATE_USER}: </span></td>
               <td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td>
            </tr>
            <!-- END switch_auth_user -->
         </table>
      </td>
      <td class="row1" rowspan="3" valign="top">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
            <td align="right" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:  </span></td>
            <td><b><span class="gen">{LAST_VISIT_TIME}</span></b></td>
         </tr>
         <!-- BEGIN switch_dhow_mp -->
         <tr>
            <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}:  </span></td>
            <td><b><span class="gen">{PRIVATE_MSG}</span></b></td>
         </tr>
         <!-- END switch_dhow_mp -->
         <!-- BEGIN profile_field -->
         <tr id="field_id{profile_field.ID}">
            <td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}  </span></td>
            <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><br /><!-- BEGIN profil_type_user_posts --><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
            <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
                 - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
                 - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>
         </tr>
         <!-- END profile_field -->
         </table>
      </td>
   </tr>
   <tr>
      <td class="catLeft" align="center" height="28"><b><span class="gen">{L_CONTACT} {USERNAME}</span></b></td>
   </tr>
   <tr>
      <td class="row1" valign="top" height="{S_CONTACT_HEIGHT}">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN contact_field -->
            <tr id="field_id{contact_field.ID}">
               <td width="40%" align="right" valign="middle" nowrap="nowrap"><span class="gen">{contact_field.LABEL}  </span></td>
               <td width="60%" valign="middle"><div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div></td>
            </tr>
            <!-- END contact_field -->
            <!-- BEGIN switch_admin_user_comment_active -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap" width="50%">
                  <span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
               </td>
               <td class="row1" valign="middle">
                  <table align="center">
                     <tr>
                        <td>
                           {ADMIN_USER_COMMENT}
                        </td>
                     </tr>
                  </table>
               </td>
            </tr>
            <!-- END switch_admin_user_comment_active -->
         </table>
      </td>
   </tr>
   <!-- BEGIN switch_rpg -->
   <tr>
      <td colspan="2" class="catLeft" align="center" style="border-bottom: ..px solid #......;"><b><span class="gen"><font style="color: ; font-family: .....; opacity: ...; font-size: ..px; font-weight: .......; letter-spacing: ..px; text-align: center; text-shadow: ..px ..px ..px #......; text-transform: .........;">» {L_VIEWING_RPG} «</font></span></b></td>
   </tr>
   <tr>
   <td class="row1" align="center" valign="top" height="6" colspan="2">
      {RPG_IMAGE}<br /><br />
   </td>
</tr>
<tr>
   <td class="row1" width="40%" valign="top" style="padding: 0px;">
      <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
           <td colspan="2" class="catLeft" align="center" style="border-bottom: ..px solid #......;"><b><span class="gen"><font style="color: ; font-family: .....; opacity: ...; font-size: ..px; font-weight: .......; letter-spacing: ..px; text-align: center; text-shadow: ..px ..px ..px #......; text-transform: .........;"> Algemeen </font></span></b></td>
         </tr>
         <!-- BEGIN rpg_fields_left -->
         <tr>
            <td align="right" valign="middle" nowrap="nowrap">
               <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
              </td>
            <td width="100%" valign="middle" nowrap="nowrap">
               <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
            </td>
         </tr>
         <!-- END rpg_fields_left -->
      </table>
   </td>
   <td class="row1" width="60%" style="padding: 0px;">
      <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
            <td colspan="2" class="catLeft" align="center" style="border-bottom: ..px solid #......;"><b><span class="gen"><font style="color: ; font-family: .....; opacity: ...; font-size: ..px; font-weight: .......; letter-spacing: ..px; text-align: center; text-shadow: ..px ..px ..px #......; text-transform: .........;"> Uitgebreid </font></span></b></td>
         </tr>
         <!-- BEGIN rpg_fields -->
         <tr>
            <td align="right" valign="middle" nowrap="nowrap">
               <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
            </td>
            <td width="100%" valign="baseline">
               <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
            </td>
         </tr>
         <!-- END rpg_fields -->
      </table>
   </td>
</tr>
   <tr>
      <td colspan="2" align="center" class="row1">
         {U_ADMIN_RPG}
      </td>
   </tr>
   <!-- END switch_rpg -->
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){
      $('[id^=field_id]').each(function(){
         if ( $(this).find('.field_editable').is('span, div') )
         {
            $(this).hover(function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                  $(this).find('.ajax-profil_edit').attr({
                        alt: "{L_FIELD_EDIT_VALUE}",
                        title: "{L_FIELD_EDIT_VALUE}"
                     }).click(function(){
                     $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                     $(this).prev().find('.ajax-profil_valid').attr({
                        alt: "{L_VALIDATE}",
                        title: "{L_VALIDATE}"
                     }).click(function(){
                        var content = new Array();
                        $(this).parent().find('[name]').each(function(){
                           var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                           if ( (type_special && $(this).is(':checked')) || !type_special )
                           {
                              content.push(new Array($(this).attr('name'), $(this).attr('value')));
                           }
                        });
                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                        var id = id_name.substring(8, id_name.length);
                        $.post(
                           "{U_AJAX_PROFILE}",
                           {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                           function(data){
                              $.each(data, function(i, item){
                                 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                              });
                           },
                           "json"
                        );
                     });
                     $(this).remove();
                  });
               }
            },function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
               }
            });
         }
      });
   });
//]]>
</script>


Het kan er dan als volgt uit zien:


Het is gemaakt door spetter, dus ik bedank hem enorm voor alle moeite die hij er in gestoken heeft!!


van Gast
op zo 6 apr 2014 - 22:07
 
Zoek in: Tips & Trucs
Onderwerp: Geavanceerde RPG Sheet op het profiel
Antwoorden: 0
Bekeken: 1468

Geavanceerde Last Post en Forum Cel

Geavanceerde Last Post en Forum Cel


Deze tutorial zal je uitleggen hoe je een geavanceerde Last Post cel kunt creëren!

De plaatst waar je een van de codes kunt invoeren is via het volgende stappenplan:
Beheerderspaneel Display Templates  Algemeen index_box


DE CODE :

Volg het stappen plan als volgt:
1. Klik op het gele tandwieltje achter het template index_box.
2. Selecteer de GEHELE code die er op dit moment in het tekstvlak.
3. Verwijder de geselecteerde code en plak de onderstaande code in het tekstvlak.
4. Pas de ... of de ...... aan naar je eigen aantal pixels en kleurcodes, dus bijv. 15px en {#}000000{/#}.
5. Druk op verzenden en daarna op het groene plusje, dan zal de template zichtbaar worden.

DE {NUMBER} MESSAGES IN {NUMBER} TOPICS.
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th></tr>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>

   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
    
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><blockquote><div style="text-transform:uppercase;line-height:0px">{catrow.forumrow.FORUM_NAME}</div></blockquote></a>
            </span>
         </h{catrow.forumrow.LEVEL}><div style="background-color: #......;border-radius: ... px;border: ...px solid/dashed/dotted #......">
<div style="margin-left: ...px; font-size: ...px; font-style: italic;"><span class="gensmall">{catrow.forumrow.POSTS}</span> messages in <span class="gensmall">{catrow.forumrow.TOPICS}</span> topics.</div>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         </span>
      </td>
    
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
    
        <div style="background-color:#......;border-radius: ...px;border: ...px solid/dashed/dotted #...; width:...px">
            <center><span class="gensmall">{catrow.forumrow.LAST_POST}</span><br></center></font><Div>
      </td>

      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table>
<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot -->
<!-- END catrow -->


DE CODE MET TOPICS: {NUMBER} - BERICHTEN: {NUMBER}.
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th></tr>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>

   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
    
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><blockquote><div style="text-transform:uppercase;line-height:0px">{catrow.forumrow.FORUM_NAME}</div></blockquote></a>
            </span>
         </h{catrow.forumrow.LEVEL}><div style="background-color: #......;border-radius: ... px;border: ...px solid/dashed/dotted #......">
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         </span>
      </td>
    
      <!-- BEGIN forum_link_no -->
      <td class="row3" align="center" valign="middle" height="50">
    
        <div style="background-color:#......;border-radius: ...px;border: ...px solid/dashed/dotted #...; width:...px">
            <center><span class="gensmall">{catrow.forumrow.LAST_POST}</span><br><hr>
              <font size="1"><b>Topics:</b> <span class="gensmall">{catrow.forumrow.TOPICS}</span> </font>- <span class="gensmall"><font size="1"><b>Berichten:</b> {catrow.forumrow.POSTS}</span></center></font><Div>
      </td>

      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table>
<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot -->
<!-- END catrow -->


Het kan er dan als volgt uit zien:


Wanneer je deze code gebruikt, dien je ergens de naam Icewolf Designs op je forum te plaatsen waarin je aangeeft dat je de code van Icewolf Designs gebruikt. Dit is een van de eisen die zij bij het aanbieden van deze tutorial op haar site/forum heeft gesteld.


van Gast
op do 12 dec 2013 - 15:25
 
Zoek in: Tips & Trucs
Onderwerp: Geavanceerde Last Post en Forum Cel
Antwoorden: 0
Bekeken: 1650

Maak je eigen kleureneditor

Pas het kleurenpalet van de editor aan



♣️ Inleiding
Deze tutorial zal je laten zien hoe je je eigen kleuren set kan creëren op je eigen forum. Overigens werkt dit op elke forumversie die momenteel aanwezig is, dus daar hoef je je niet druk over te maken. Ik, George, heb deze tutorial vertaald vanaf het Franse ondersteuningsforum

♣️ Eind Resultaat


♣️ Instructies, Het script.
1) Ga naar Beheerderspaneel ► Algemeen ► Berichten en emails ► Configuratie
Zoek hier naar: Type of the editor colors palette en vink hier Simple aan.

2) Ga naar Beheerderspaneel ► Modules ► HTML & JAVASCRIPT ► Javascript code beheer
Zoek naar: Enable Javascript code management en vink Ja aan.

Nu je de eerste twee stappen hebt voltooid gaan we verder naar het plaatsen van het script. Hiervoor klik je op de volgende button (op die pagina te vinden):

Titel = Kleurentabel
Plaatsing = Op alle pagina's
Code:
$(function(){$(function(){
 
 if ($("#text_editor_textarea").length != 0) {
   $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
       var mColorBasic = [],
       html = $('<div />');
        
// liste des couleurs
      
     mColorBasic["Noir"] = "#000000";
       mColorBasic["Bleu foncé"] = "#00008B";
       mColorBasic["Sarcelle"] = "#008080";
       mColorBasic["Vert foncé"] = "#006400";
       mColorBasic["Indigo"] = "#4B0082";
       mColorBasic["Cramoisi"] = "#DC143C";
       mColorBasic["Orange"] = "#FF4500";
       mColorBasic["Marron"] = "#663300";
 
     mColorBasic["Gris foncé"] = "#666666";
       mColorBasic["Bleu royal"] = "#4169E1";
       mColorBasic["Turquoise foncé"] = "#00CED1";
       mColorBasic["Vert"] = "#008000";
       mColorBasic["Pourpre"] = "#9400D3";
       mColorBasic["Rouge"] = "#FF0000";
       mColorBasic["Orange clair"] = "#FF9933";
       mColorBasic["Sienne"] = "#A0522D";
 
     mColorBasic["Gris clair"] = "#D3D3D3";
       mColorBasic["Bleu ciel"] = "#87CEEB";
       mColorBasic["Cyan"] = "#00FFFF";
       mColorBasic["Vert pomme"] = "#32CD32";
       mColorBasic["Mauve"] = "#DA70D6";
       mColorBasic["Saumon"] = "#FA8072";
       mColorBasic["Or"] = "#FFD700";
       mColorBasic["Brun clair"] = "#CD853F";
 
     mColorBasic["Blanc"] = "#FFFFFF";
       mColorBasic["Turquoise pâle"] = "#AFEEEE";
       mColorBasic["Bleu vert"] = "#7FFFD4";
       mColorBasic["Vert pâle"] = "#98FB98";
       mColorBasic["Rose"] = "#FFC0CB";
       mColorBasic["Pêche"] = "#FFDAB9";
       mColorBasic["Jaune"] = "#FFFF00";
       mColorBasic["Bois"] = "#DEB887";
      
// fin de la liste des couleurs
      
     for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
      
     html.find('span').click(function(e) {
         callback($(this).attr('color'));
         editor.closeDropDown(true);
         e.preventDefault();
       });
      
     editor.createDropDown(caller, "color-picker", html);
     }    
   }
})});

Hoe veranderen we hier nu de kleuren in?
In de code zie je zeker weten de volgende tekstjes staat:  mColorBasic["Zwart"] = "#000000";. In de code zelf staan de namen in het Frans (dit moet je dus zelf aanpassen), maar hier gaat het dus om kleurcode #000000 en dat is zwart. Dit kun je allemaal zelf aanpassen. Je neemt de code #FF9933 en noemt deze Oranje. Je kunt zelf beslissen hoeveel je er wilt, dus meer of minder is geen probleem.

♣️ Instructies, Het script installeren.  
1) Beheerderspaneel ► Display ► Plaatjes en Kleuren ► Kleuren ► Cascading Style Sheet
Plaats hier de volgende code:
Code:
/* Icônes couleur dans la palette */
 
.color-option {
display: inline-block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
margin: 3px !important;   /* espace entre chaque icône */
box-shadow: 0 0 2px #778899;   /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px;  /* arrondi */  
}
 
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largeur de la palette complète */
height: 100px !important;  /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
 

♣️ Het origineel van deze Tutorial is hier te vinden: Klik!



van George
op ma 28 okt 2013 - 17:41
 
Zoek in: Tips & Trucs
Onderwerp: Maak je eigen kleureneditor
Antwoorden: 0
Bekeken: 1127

BBcodes overzicht

BBcodes overzicht


Hieronder een lijst met BBcodes die je kunt gebruiken, ze komen van het Franse ondersteunings forum dus mischien werkt er hier iets niet. Wink

1. Tekstopmaak:


Zet de tekst vetgedrukt:
Code:
[b]vetgedrukt[/b]

Resultaat


Zet de tekst cursief:
Code:
[i]schuingedrukt[/i]

Resultaat


Onderstreep de tekst:
Code:
[u]onderstreept[/u]

Resultaat


Doorstreep de tekst:
Code:
[strike]doorstreepte tekst[/strike]

Resultaat


Tekst links uitlijnen:
Code:
[left]links uitgelijnd[/left]

Resultaat


Tekst centreren:
Code:
[center]gecentreerd[/center]

Resultaat


Tekst rechts uitlijnen:
Code:
[right]rechts uitgelijnd[/right]

Resultaat


Tekst uitvullen:
Code:
[justify]automatisch uitvullen[/justify]

Resultaat

2. Plaatjes en Links:


Voeg een afbeelding in:
Code:
[img]http://www.voorbeeld.com/plaatje.jpg[/img]

Resultaat:


Maak een link:
Code:
[url=http://www.voorbeeld.com]mijn link[/url]

Resultaat: mijn link
Code:
[url]http://www.voorbeeld.com[/url]

Resultaat: http://www.voorbeeld.com
Code:
[email=ik@voorbeeld.com]mijn e-mailadres[/email]

Resultaat: mijn e-mailadres
Code:
[email]ik@voorbeeld.com[/email]

Resultaat: ik@voorbeeld.com

3. Tekstformaat:


Verander de tekstgrootte:
Code:
[size=9]lettergrootte 9[/size]

Resultaat
Code:
[size=12]lettergrootte 12[/size]

Resultaat
Code:
[size=14]lettergrootte 14[/size]

Resultaat
Code:
[size=16]lettergrootte 16[/size]

Resultaat
Code:
[size=18]lettergrootte 18[/size]

Resultaat

4. Tekstkleuren:


Verander de tekstkleur:
Code:
[color=black]zwarte tekst[/color]

Resultaat
Code:
[color=white]witte tekst[/color]

Uiteraard is deze niet zichtbaar op de witte ondergrond, het resultaat staat tussen de haakjes (Resultaat)
Code:
[color=blue]blauwe tekst[/color]

Resultaat
Code:
[color=red]rode tekst[/color]

Resultaat
Code:
[color=green]groene tekst[/color]

Resultaat
Code:
[color=yellow]gele tekst[/color]

Resultaat
Code:
[color=orange]oranje tekst[/color]

Resultaat
Code:
[color=brown]bruine tekst[/color]

Resultaat
Code:
[color=magenta]magenta tekst[/color]

Resultaat
Code:
[color=cyan]cyaan tekst[/color]

Resultaat
Code:
[color=limegreen]limoengroene tekst[/color]

Resultaat
Of met een hexadecimale kleurtag:
Code:
[color=#hexadecimal][/color]

Resultaat van de kleurcode #FF3300
Resultaat van de kleurcode #008000
Resultaat van de kleurcode #0033FF
Resultaat van de kleurcode #000000
Je kunt dus kleur namen gebruiken zoals bijvoorbeeld : red, blue, yellow, etc... maar ook de hexadecimale kleurtags zoals hierboven, #FFFFFF wordt gebruikt voor witte letters!

5. Font veranderen:


Verander het lettertype van de tekst:
Code:
[font=NAAM][/font]

Verander het gedeelte "NAAM" naar de fontnaam van jouw keuze:

Resultaat van het font "Impact"
Resultaat van het font "Comic Sans Ms"
Resultaat van het font "Times New Roman"

6. Citeren:


Wanneer je een ändere gebruiker citeert:
Code:
[quote=Gebruikersnaam]geciteerd bericht met gebruikersnaam[/quote]

Gebruiker schreef: Resultaat van het citaat

Wanneer je een willekeurige tekst citeert:
Code:
[quote]geciteerd bericht[/quote]

Resultaat van het citaat

7. Lijsten weergeven:


Ongeordende lijst:
Code:
[list][*]Info 1[*]Info 2[/list]


  • Info 1
  • Info 2

Genummerde lijst:
Code:
[list=1][*]Info 1[*]Info 2[/list]


  1. Info 1
  2. Info 2

Lijst op alfabetische volgorde:
Code:
[list=a][*]Info 1[*]Info 2[/list]


  1. Info 1
  2. Info 2

Lijst met Romeinse cijfers:
Code:
[list=i][*]Info 1[*]Info 2[/list]


  1. Info 1
  2. Info 2

8. Codes weergeven:


Om een ​​vaste code weer te geven:
Code:
[code][/code]

Code:
1. Resultaat

9. Tabellen maken:


Maak een tabel:
Als u een tabel wilt maken, moet u een 'table' definiëren en vervolgens een 'tr' -lijn invoegen. Deze regel kan een of meer cellen 'td' bevatten, net zoals een tabel meerdere 'tr' lijnen kan bevatten:
Code:
[table][tr][td] Lijn 1 - Cel 1 [/td][td]Lijn 1 - Cel 2 [/td][td]Lijn 1 - Cel 3 [/td][/tr][tr][td] Lijn 2 - Cel 1 [/td][td]Lijn 2 - Cel 2 [/td][td]Lijn 2 - Cel 3 [/td][/tr][/table]

Resultaat:
Lijn 1 - Cel 1 Lijn 1 - Cel 2 Lijn 1 - Cel 3
Lijn 2 - Cel 1 Lijn 2 - Cel 2 Lijn 2 - Cel 3 /td]




Maak een tabel met een rand:
Code:
[table border="1"][tr][td] Lijn 1 - Cel 1 [/td][td] Lijn 1 - Cel 2 [/td][td] Lijn 1 - Cel 3 [/td][/tr][tr][td] Lijn 2 - Cel 1 [/td][td] Lijn 2 - Cel 2 [/td][td] Lijn 2 - Cel 3 [/td][/tr][/table]

Resultaat:
Lijn 1 - Cel 1 Lijn 1 - Cel 2 Lijn 1 - Cel 3
Lijn 2 - Cel 1 Lijn 2 - Cel 2 Lijn 2 - Cel 3



Maak een tabel met rand zonder spaties:
Code:
[table cellspacing="0" border="1"][tr][td] Lijn 1 - Cel 1 [/td][td] Lijn 1 - Cel 2 [/td][td] Lijn 1 - Cel 3 [/td][/tr][tr][td] Lijn 2 - Cel 1 [/td][td] Lijn 2 - Cel 2 [/td][td] Lijn 2 - Cel 3 [/td][/tr][/table]

Resultaat:
Lijn 1 - Cel 1 Lijn 1 - Cel 2 Lijn 1 - Cel 3
Lijn 2 - Cel 1 Lijn 2 - Cel 2 Lijn 2 - Cel 3

9. Schuivende berichten maken:


Horizontaal schuiven:
Code:
[scroll][/scroll]

Resultaat


Verticaal schuiven:
Code:
[updown][/updown]

Resultaat

10. Tekst effecten maken:


Voeg een horizontale scheidingsregel in:
Code:
Résultaat 1[hr]Résultaat 2

Resultaat 1


Resultaat2



Subscript plaatsen:
Code:
x[sub]a+b[/sub]

Resultaat: xa+b


Superscript plaatsen:
Code:
2[sup]e[/sup] dag

Resultaat: 2e dag


Spiegeleffect op de tekst (verticale symmetrie):
Code:
[flipv][/flipv]

Resultaat 


Spiegeleffect op de tekst (horizontale symmetrie):
Code:
[fliph][/fliph]

Resultaat 


Wazig effect:
Code:
[blur][/blur]

Resultaat


Vervagend effect:
Code:
[fade][/fade]

Resultaat


Tekst verbergen:
Code:
[hide][/hide]

Opmerking: de tekst zal worden verborgen voor mensen die het onderwerp niet hebben gepost. Zij zullen eerst in het onderwerp moeten posten om de tekst te kunnen zien! Aan de andere kant zullen beheerders en moderators de verborgen tekst zien zonder eerst in het onderwerp te hoeven posten.


Inhoud uitklapbaar verbergen:
Code:
[spoiler][/spoiler]

Spoiler - klik om uit te klappen:
Resultaat

10. Belangrijk om te weten:


BBcodes kunnen voor verschillende effecten worden gecombineerd, maar u moet de volgorde van openen en sluiten van elke BBcode tags respecteren.


Trek aandacht:
Code:
[size=18][color=red][b][/b][/color][/size]

Resultaat


Ongeldige syntaxis:
Code:
[u][b]Info[/u][b][b][b][b][b][b][/b]

van susie
op za 22 jan 2011 - 21:10
 
Zoek in: Tips & Trucs
Onderwerp: BBcodes overzicht
Antwoorden: 0
Bekeken: 1033

Waar zit het zwart vlak?

Hieronder zie je mijn header, alleen de zwarte headerachtergrond moet grijs worden zoals me forum achtergrond. Maar ik heb al even gezocht en kon het niet in het CSS gedeelte vinden, ziet miss 1 van jullie het?




Spoiler:
* {
margin: 0;
padding: 0;
}

/*TGF ClearfixTony Aslett from http://www.csscreator.com*/
.clearfix:after,.ipbform2 dl:after,.maintitle:after {
content: ".";
display: block;
height: 0;
clear: both !important;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
clear: both;
}
* html .clearfix {
height: 1%;
clear: both;
}
*+ html .empty-clear {
line-height: 1px;
height: 1px;
}
* html .empty-clear {
line-height: 1px;
height: 1px;
}
.clear {
clear: both;
}

/*Defaults*/
body {
margin: 0 auto;
background-color: #dedede;
background-image: url('https://i.servimg.com/u/f78/13/28/05/02/bg13.png');
background-attachment: scroll;
color: #2C2C2C;
font-family: Arial,Verdana,Tahoma,sans-serif;
font-size: 12px;
line-height: 135%;
}
* html {

/* CSS properties only recognized by IE */
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
*+ html {

/* CSS properties only recognized by IE */
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
img {
border: none;
vertical-align: middle;
}
a:link {
color: #000000;
text-decoration:underline;
}
a:visited {
color: #3b3b3b;
text-decoration:underline;
}
a:hover {
color: #6a8422;
}
a:active {
color: #3b3b3b;
text-decoration:underline;
}
a:focus {
color: #000000;
}
*+ html body {
min-width: 800px;
overflow-x: hidden !important;
}
* html .minwidth_IE {

/* Hack IE min-width */
padding-left: 900px;
}
* html .container_IE {

/* Hack IE min-width */
margin-left: -900px;
position: relative;
}
* html .minwidth_IE, * html .layout_IE, * html .container_IE {

/* Hack IE min-width */
height: 1px;
}

/* ***************************Header*************************** */
div#logostrip {
min-height: 68px;
background-image: url('https://illiweb.com/fa/empty.gif');
background-repeat: #DEDEDE;
text-align: center;
}
*+ html div#logostrip {
min-height: 70px;
}
div#logostrip #logo {
display: block;
margin: 0 10px;
float: center;
}
div#logostrip #main-title,div#logostrip #main-title h1 {
padding-top: 25px;
font-size: 24px;
font-weight: bold;
font-family: Arial,Verdana,Tahoma,sans-serif;
}
div#logostrip #main-title h1 {
padding-top: 0;
}
#site-desc {
margin: 8px;
}

/* Submenu */
#submenu {
padding: 0.5em 0 0.65em;
text-align: right;
}
*+ html #submenu {
padding: 0;
}
* html #submenu {
padding: 0;
}
#submenu ul {
list-style: none;
text-align: center;
}
#submenu ul li {

/*line-height: 2em;
*/
}
#submenu ul li a {
padding: 0.5em 1em 0.65em 0;
margin: 0.5em 1em 0.65em 0;
text-decoration: none;
}
*+ html #submenu ul li a {
display: inline-block;
}
* html #submenu ul li a {
display: inline-block;
}

/*#submenu ul li a img {
display: none;
}
*/
#userlinks {
padding: 0.5em;
font-size: 0.9em;
}
#userlinks.not-connected {
text-align: center;
}
#userlinks.not-connected span {
margin: 0 0.25em;
}
#userlinks.not-connected .guest {
font-weight: bold;
}
#userlinks p.home {
float: left;
margin-left: 0.5em;
}
#userlinks p.home a {
font-weight: bold;
}

}


EDIT: Ik heb een stuk van de css code eraf gehaalt omdat het anders een tegrote post werd ^^
van Endless.
op vr 5 jun 2009 - 16:58
 
Zoek in: Script- en codeproblemen Archief
Onderwerp: Waar zit het zwart vlak?
Antwoorden: 2
Bekeken: 1085

Terug naar boven

Ga naar: