[opgelost]Enkele vragen

Ik had wat vragen ivm wat code's. Veel van m'n gebruikte codes deze keer komen van ondersteunforum('s) maar niet alle codes willen werken. Ook heb ik het gevoel dat als ik dagelijks mijn layout bekijk op eventuele fouten en dergelijke de layout nog lang niet af lijkt in mijn ogen, en ik dus nog maar wat meer codes e.d wil invoegen...

Allereerst de niet-werkende codes:

Wat forum/code ideeën

Gewone vragen~Geen betrekking tot codes en dergelijke.


Alvast, dit is wat veel, maar bedankt voor hen die me hierbij kunnen/willen helpen.


TOPIC OPGELOST

Ik ga snel een aantal vragen die ik weet beantwoorden:


4. Onlangs is er nog zo een vraag geweest, je kan eventueel kijken in dat topic. Als je een ander hover 'effect' wilt mag je het altijd vragen.
https://ondersteun.actieforum.com/t4622-a-few-questions

5. Een tijdje geleden heb ik een gelijkaardige verandering gemaakt, ik geef je even het linkje: https://ondersteun.actieforum.com/t4464-vragen-over-codes
Ook hier weer je kan alles nog aanpassen, tzijn maar ideeën

* Wat is je vraag hier precies? ideeën voor een widget of ...
Je kan eventueel de code van die seamless player in je javascripts zetten denk ik.

Later zet ik hier nog wat andere bij mij nu moet ik door

Toevoeging:

6. Ik heb even gegoogeld voor de avatar naast quick reply bij phpbb2 en kwam op dit resultaat:

- Plaats onderstaande code bij javascript, zorg ervoor dat je plaatsing staat op 'op topics'.

Code:

jQuery(document).ready(function() {
        $('#quick_reply').before('<div id="av_quickreply"></div>');
          if(typeof(_userdata)!="undefined") {
            $('#av_quickreply').html(_userdata['avatar']);
          }
          else {
            $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img');
          }
        });

- Daarna plaats je nog dit bij css:

Code:

#av_quickreply img{
 position: relative;
 top: 35px;
 left: 15px;
}
      
#av_quickreply {
  float: left;
}

Voor de afbeelding in het tekst vak gebruik je enkel css:

Code:

.sceditor-container iframe, .sceditor-container textarea {
    background-image: url("afbeeldings_url") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

8. Ook dit heb ik even gegoogeld:

Als je de template 'viewtopic_body' niet hebt bewerkt kan je deze code gewoon vervangen door:

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>  
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </span>
        <!-- END switch_twitter_btn -->
        <!-- BEGIN switch_fb_likebtn -->
        <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
        </span>
        <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            |
           <script type="text/javascript">//<![CDATA[
              var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
              var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
              insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
              </td>
              <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    <div>{postrow.displayed.MESSAGE}</div>

                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>

      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
        </span>

        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
      </td>

      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150" colspan="2">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a>

        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}

        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>  
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap">
{S_TOPIC_ADMIN}

        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}
{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

4. Aan het zien van dit hover effect moet ik opeens weer terug denken aan iets wat iemand me ooit gezegd heeft over dit effect. Persoonlijk, bij het zien van dit forum (ligt het aan de hoogte van de categorie of iets anders ??) of in dit geval van dit effect denk ik helaas veel minder opeens aan hetzelfde effect die ooit eens op WC gebruikt geweest is. Dus kortom, ik ben er minder lovend over. Persoonlijk denk ik ook dat het niet mooi zal zijn op m'n forum als er teveel van zo'n 'veranderende dingen bij hover effect' zouden zijn. Tot slot heb ik ook al zo'n soort van header, wat opzich eig al tamelijk druk is. Dus had ik liever een ander soort hover gehad.

5. Deze ben ik nu aan het gebruiken, dus ik kan nog niet mededelen of dit werkt en goed werkt

5.1. Hiermee bedoel ik zoals op het forum zichtbaar is(de link) kortom de widgetbalk (of hoe het ook genoemd mag worden)

6. Deze heb ik als eerste ingesteld en hij doet het, alleen moet ik mededelen dat het tekstvak helaas erg veel naar beneden gezakt is (Ik weet niet hoe ik het echt moet uitleggen, mocht je het met je eigen ogen willen zien, kan ik gerust het forum via pb opsturen) Verder doet de afbeelding in het tekstvak het goed.

8. Zoals je zelf zegt, als je de template niet bewerkt hebt. Helaas was dit niet het geval, maar omdat het een oude aanpassing was, en niet zo erg belangrijk voor het forum zelf heb ik deze gewoon verwijdert. Dus ik heb de template vervangen, maar kreeg hier helaas ook weer problemen mee. Maar deze zijn nou opgelost, alleen vind ik het persoonlijk niet zo mooi hoe de rang er nou bijstaat(kleiner lettertype dan naam, en neutrale kleur. Dus vroeg ik me zo wat af of het bij deze mogelijk is om de rangnaam (niet de naam vd gebruiker zelf, maar 'administrator' zelf) in te kleuren. Aangezien me dit niet gelukt is, en ik verder niet meer weet waar ik de rangnaam kan kleuren.

Alvast bedankt voor alle hulp.

4. Wat voor een soort hover had je dan gedacht? Misschien kan je een voorbeeld siteje zoeken of een uitgebreide beschrijving?

5.1 Wat wil je hier nu aan veranderen, wil je een persoonlijke widget laten maken of ...?

6. Je bent toch zeker dat je de css hebt gebruikt? Zoja, zou je dan een printscreentje willen laten zien.

8. Een rank kleuren kan je doen door:

1. Een rank aan te maken via:
   
   

   Beheerderspaneel Gebruikers & Groepen Rangen Rangen beheren

2. Bij rang titel zet je < span style="color: #......;">naam< /span>
   
3. Bij speciale rang 'ja' instellen.
   
4. Deze sla je op.
   
5. Ga nu naar de profiel van de leden die je de rang wilt geven en onderaan kan je die rang kiezen.
   

4. http://www.warriorcatsnl.com/ mss iets als deze eerder ?? dan zou ik zorgen dat de plaatjes niet teveel op die van WC zelf lijken (afgeronde randen of dergelijke toevoegen) Deze vind ik wel leuk aangezien er nog delen van de plaatjes zelf niet bedekt zijn zeg maar, desnoods zou ik de transparantie nog kunnen verlagen mocht het echt nodig zijn c:

5.1. Ik wilde eigenlijk widget kaders zoals op het forum zelf aanwezig is (ik neem aan dat dit persoonlijke widgets zijn) nou staat er bij mij niets meer dan een leeg vlak, en het is niet zo mooi met de forums en categorieën die zeg maar worden tegenhouden door dit vak, voor een voorbeeldje www.mijntestforum3.actieforum.com (klik link mislukt) (ik weet niet zo goed uit te leggen)

6. Bij de eerste code heb ik deze in javascript geplaatst. De tweede code (#av_quickreply img{ ) heb ik inderdaad bij CSS geplaatst. Is het misschien een idee om net als hier er een lijn(snel reageren: ) of dergelijke boven te plaatsen??
Ik ben er nou mee bezig, maar moet alleen nog de html zien in te schakelen.

Sorry voor dubbelpost

Ik heb wat eisen geschrapt en een nieuwe toegevoegd. Namelijk:

5. Who is online, groepen zichtbaar:

Ik hoop dat ik nog wat meer aan m'n forum kan toevoegen. Alsnog bedankt voor hen die me willen helpen hiermee.

Zo, het was een tijdje geleden dat ik on kwam maar de examens komen ook dichter en dichter.

4. Ik heb snel iets nagemaakt je kan alles nog aanpassen als je wilt.

Plaats dit in de beschrijving van je forum.

Code:

<div style="background: red;" class="achtergrond_forum"><div class="tekst">
hier de beschrijving
</div><div class="tekst_onderaan">
test test test
</div>
</div>

Code:

.achtergrond_forum{
  text-align: center;
  height: 75px;
  padding: 3px;
}
.achtergrond_forum .tekst{
  transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  text-align: justify;
  padding: 3px;
  background: rgba(255,255,255,0.7);
  height: 69px;
  opacity: 0.0;
}
.achtergrond_forum .tekst:hover{
  opacity: 1.0;
}
.achtergrond_forum .tekst_onderaan{
  margin-top: -18px;
  background: rgba(0,0,0,0.7);
  padding: 3px;
  position: relative;
}

5. Je kan standaard widgets invoeren via:

Beheerderspaneel Modules Portal & widgets Forum widgets beheer

Sleep gewoon widgets die je interessant lijken in de juiste balk en verzenden.

Of is het dat niet wat je bedoelde?
Als je persoonlijke wilt wil je dan zeggen voor wat ze moeten dienen en hoe ze eruit moeten zien, dan kan ik eens kijken om die te maken.

Geen probleem begrijp je situatie c:

Maar wat bedoelde je nou met beschrijving van je forum, is dit de omschrijving van de site die je terug vind bij "Algemeen --> forum --> configuratie" ?? want als ik de twee codes daar invoeg, en ik kijk even later op m'n index staat een deel vd code dus zichtbaar od index, terwijl er behalve dat niets veranderd is...

Voor de andere vraag, ik maak even een print screen voor je.

Spoiler:

Dit is wat ik zo'n beetje bedoel met 'persoonlijke' widgets. Zoiets als de layout van deze widgets(die aangeduid staan id spoiler dus c: )
Ik hoop dat deze vraag duidelijk is, en de site er hopelijk is ten laatste voor 28 november
(aangezien het dan m'n verjaardag is, en ik een vergadering heb, had ik deze graag dan al eens willen laten zien)

Ik wil hiermee niemand opjagen of dergelijke, het is enkel en alleen m'n persoonlijke streefdoel.

Ow, voor 4. ben ik dus ietsje te onnauwkeurig geweest. Je plaatst de eerst code bij de omschrijving van je forum/categorie, ik weet niet hoe jij het noemt.

Beheerderspaneel Algemeen Forum Categorieën & forums

Hier klik je bij ieder forum dat je zo een opmaak wilt geven op :*:. Dan krijg je daar een invulvak met de naam 'omschrijving:'

Het tweede deel is de css (ik was dat er vergeten bij zetten   ). Deze plaats je dus bij

Beheerderspaneel Display Plaatjes en kleuren Kleuren Cascading style sheet

Je kan eventueel om het je eigen later makkelijker te maken als je aanpassing zou doen het insluiten met uitleg zoals:

Code:

/* ---------- START forumomschrijving ---------- */
Hier de css
/* ---------- EINDE forumomschrijving ---------- */[


Voor die widgets zou je me oftewel een achtergrond afbeelding, evt. top/onderkant afbeelding moeten geven of je kan iets maken in photoshop of dergelijk en dan zal ik het proberen namaken met html.

We zullen zien wat we kunnen doen. ; )

Dat van de widgets kan je volgens mij zien als een postsheet. Zo heb ik het tenminste wel gedaan. Ik weet niet of je bekend bent met postsheets? Dan moet je overigens wel de table functie uit zetten.

1. Ik heb denk ik de code gevonden en bij mij lijkt hij ook niet te werken. Misschien komt het omdat het van 2011 komt?
Ik kan als je wilt wel iets proberen samen te stellen dat je jouw url tussen [soundcloud]-tags zet en dat dan de player wordt gegeneerd.

1. Als het niet teveel moeite van je kost, had ik het graag gehoord, maar jij beslist zelf ^^ En ik snap niet echt wat je bedoelt, zelf heb ik geen soundcloud (zoals op youtube soms id beschrijvingen staat) is dat een probleem?? Ik had eerder gedacht dat leden muziek kunnen downloaden(die toestemming heeft van de auteurs) die ze graag willen en mogen downloaden. Althans dat was hoe m'n broer het uitlegde, ik weet niet of het mogelijk is, of dat ik mis geïnterpreteerd heb e.d.

Het gebied werkt nou, behalve dat ik niet weet hoe ik het gebiedsplaatje erin kan voegen(ik heb het nou even verwijderd aangezien het behoorlijk in de weg stond en ik zsm nieuwe plaatjes ga maken.. Behalve dat ene probleempje (die wss geen probleem is mocht ik niet zo slaperig zijn ;s ) zijn er verder geen problemen mee.

Voor de widget, ik had al een plaatje gemaakt, en ik ken ook het één en ander van sheets af, maar om het in widgets te gaan gebruiken heb ik eerlijk gezegd nog nooit gedaan

Spoiler:

De breedte en de grootte kunnen gerust nog aangepast worden. Dit is het plaatje die ik voor de widgets ontwierp.

In een widget werkt het precies hetzelfde met een postsheet. Je plakt dit plaatje als een achtergrond image in een postsheet en plakt het geheel in een nieuw gecreëerde widget (vergeet niet de table uit te zetten!)

1. Kvind me code nie meer, ik had hem klaar maar ja ... :/
Na een beetje zoeken hem toch terug gevonden

Ik heb de tutorial van avacweb erbij gehaald om een custom bb te maken. Je plakt dus onderstaande code in een nieuw javascript en met plaatsing 'op alle paginas'. Je geeft het een titel mee waardoor je makkelijk weet waarover het gaat en klaar.
Als je de bb code wilt gebruiken in een bericht start je met [soundcloud], type je het id van een nummer bv: 120787544 en dan sluit je terug met [/soundcloud].
Dus:
[soundcloud]120787544[/soundcloud]

wordt omgezet naar:



4. Je kan de achtergrond aanpassen door de inline css te gebruiken:

Code:

<div style="background: url(' url_van_je_afbeelding ');" class="achtergrond_forum"><div class="tekst">
hier de beschrijving
</div><div class="tekst_onderaan">
test test test
</div>
</div>

1. Ik voerde de scripts in bij javascript managements, maar dit lijkt niet te werken. In tegendeel werkt een andere java code die voorheen niet werkte wel weer, en nog een andere die voorheen wél werkte, maar half(hij is zichtbaar op de index terwijl ik hem ook op subforums en topics had aangevinkt)
Voor die id, ik werk zelf niet zo vaak met soundcloud, dus is het niet raar als ik zeg dat ik de id niet weet te vinden ??

4. Deze code doet het wel, behalve nog wat aanpassingen is hij zo goed als wel.

Betreft de widgets, had ik eerst als een gewone sheet geprobeerd en deze werken inderdaad perfect. Maar tot nader inzien heb ik toch besloten om een simpel layout van de widgets te behouden, dit met de reden dat zo'n ontwerpen moeilijk te vinden en te maken zijn. Alvast bedankt voor jullie tips en moeite.

hmm, voor 1 had ik gedacht dat jij misschien wist hoe je snel het id vond, want bij mij was het de eerste keer dat ik op soundcloud ging

Ik heb wel gezien dat er bij de meeste liedjes wel een share button stond waar je een iframe code kon kopieren, anders moeten je leden die gebruiken?

Dit werkt idd c: bedankt voor de tip. Ik zal een bericht in één of ander speciaal topic daarvoor op m'n forum zetten zodat mensen weten hoe het gaat.

2. en 4. zijn me niet helemaal duidelijk.

Bedoel je voor 2. Zo iets:



En bij 4. Dit:



Ik weet dat dit nogal stom overkomt zo met die afbeeldingen maar ik denk dat het misschien zo het makkelijkst is.

(4. kan enkel met phpBB3, punBB en invision)

Ja, zo ziet het er wel naar uit. Als hij dat niet bedoelt, kan ik je ook niet verder helpen.

Bij 2 is het dat dan wel denk ik, ik weet nl. zelf niet hoe het is, want het was de eerste keer dat ik deze code probeerde, en hij werkte (nog) niet.

Bij 4 is het dit ook, alleen, gebruik ik phpBB2, dus zal ik het maar laten zoals het is. Bedankt voor de tip iig.

Ps, ik ben zij

O, sorry! Ik dacht...Sorry! Maar tja, ik kan je denk ik ook niet verder helpen. Misschien moet je er op googlen?

En voor 2. heb ik problemen met de iframe waarin de chatbox staat. Ik kan niet met jquery aanpassingen doen in dit iframe. Dat is dus een probleem dat ik niet verhelpen en dus ook niet kan voldoen aan je vraag. :/

Ligt het er soms aan dat de 'who is online' lijst anders is, of dat de chatbox niet zichtbaar is ?? want deze kan ik gemakkelijk weer aanpassen als dat zou helpen. Je zou maar moeten zeggen. Mocht het niet lukken, dan is het maar zo denk ik ;s

Mochten er nog andere problemen/oplossingen zijn, contacteer/verwittig me gerust

Oh jij kan er nieks aan doen hoor het is gewoon standaard dat een chatbox in een iframe staat. Het blijkt wel mogelijk te zijn om dat aan te passen maar ik weet niet hoe. Misschien als je iemand kent die meer van jquery of soortgelijk kent, het aan hem kan vragen?

Dat word geloof ik een probleem. Ik ken nl. niet zoveel mensen die hier iets van afweten. Daarnet kreeg ik de tip om te googlen maar het probleem hierbij is dan dat ik google zo min mogelijk vertrouw. Meestal haal ik gegevens (en dan bedoel ik voornamelijk schoolzaken én coderingen) van sites/forums waarvan ik weet dat ze zullen werken, of uit eigen weten.
Maar dan heb ik begrepen dat het niet mogelijk is, maar ik vind het ook niet zo erg. Ik leef er wel mee c:

Dan haal ik deze vraag wel uit m'n begin post.