homepagina forum

[rohneke]

Hoihoi

Op dit moment ben ik aan het rommelen met een home pagina voor het forum.
Nu heb ik gewoon de html van het forum gekopieerd en geplakt naar die sectie in beheerderspaneel waar je een eigen html pagina kan maken

Via daar heb ik het menu aangepast met de knoppen die ik wil (zijn ff snel gemaakt maar gaat nu meer om de werking ervan)

Maar goed... Waarschijnlijk klopt er niks van de code.

Dus mijn vraag is.. Is er iemand die goed is in codering en dit kan checken?

Staat nu op soort test forum niet op het originele forum

Link is: http://dummies.forumactie.com/

Tips zijn ook altijd welkom ^.^

[10spetter10]

Zou je eens de html-code die je gebruikte willen posten? Dan is het makkelijker te controleren dan in de browser zelf.

[rohneke]

Dit is de code :-)

Code:

<title>Dutch Executors</title><meta content="text/html; charset=utf-8" http-equiv="content-type" /><meta content="text/javascript" http-equiv="content-script-type" /><meta content="text/css" http-equiv="content-style-type" /><link href="http://i64.tinypic.com/20kc1sg.png" type="image/x-icon" rel="shortcut icon" /><meta content="nl" name="language" /><meta content="Nederlandstalige runescape clan " name="description" /><meta lang="nl" content="Dutch Executors, Runescape, Clan, Nederlandstalig, Fun" name="keywords" /><meta content="index, follow, noodp" name="robots" /><link title="Welkom" href="/feed/?f=1" type="application/rss+xml" rel="alternate" /><link href="http://www.dutchexecutors.com/feed/" title="Laatste onderwerpen (RSS 2.0)" type="application/rss+xml" rel="alternate" /><link href="http://www.dutchexecutors.com/feed/?type=atom" title="Laatste onderwerpen (ATOM)" type="application/atom+xml" rel="alternate" /><meta content="Dutch Executors" property="og:title" /><meta content="www.dutchexecutors.com" property="og:site_name" /><meta content="http://www.dutchexecutors.com/" property="og:url" /><meta content="website" property="og:type" /><meta content="http://i62.tinypic.com/2jamg0m.png" property="og:image" /><meta content="summary" name="twitter:card" />        <meta content="@Actieforum" name="twitter:site" />        <meta content="Dutch Executors" name="twitter:title" /><meta content="Nederlandstalige runescape clan " property="og:description" /><meta content="Dutch Executors" name="title" /><link type="text/css" href="/213-ltr.css" rel="stylesheet" /><link title="" href="/improvedsearch.xml" type="application/opensearchdescription+xml" rel="search" /><link title="Doorzoek fora" href="http://www.board-directory.net/search/improvedsearch.xml" type="application/opensearchdescription+xml" rel="search" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="http://illiweb.com/rs3/18/frm/lang/nl.js"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script><script type="text/javascript">
//<![CDATA[

                if(typeof(_userdata) == "undefined")
 var _userdata = new Object();
                _userdata["session_logged_in"] = 1;
                _userdata["username"] = "Rohneke";
                _userdata["user_id"] = 2;
                _userdata["user_level"] = 1;
                _userdata["user_lang"] = "nl";
                _userdata["activate_toolbar"] = 0;
                _userdata["fix_toolbar"] = 0;
                _userdata["notifications"] = 1;
                _userdata["avatar"] = "<img src=\"http://i62.tinypic.com/m80gac.png\" alt=\"\" />";
                _userdata["user_posts"] = 148;
                _userdata["user_nb_privmsg"] = 13;
                _userdata["point_reputation"] = 1;
            

        if(typeof(_lang) == "undefined") {
            var _lang = new Object();
        }
        
        _lang["Twitter"] ="Actieforum";
    
//]]>
</script> <style type="text/css">
#left table.3fe09e {border:0;border-collapse:collapse;}#left table.3fe09e table {table-layout:fixed;border-collapse:collapse;}#main .3fe09e .main-content iframe{display: block important!;visibility: visible important!}div#main-content iframe[src*=adstune]:not([style*=display]), div#main-content iframe[src*=criteo]:not([style*=display]), div#main-content iframe[src*=ad6b]:not([style*=display]), div#main-content iframe[src*=z5x]:not([style*=display]), div#main-content iframe[src*=doubleclick]:not([style*=display]) {display: block !important;visibility: visible !important;}
</style><a name="top"></a>
<table class="bodylinewidth" cellspacing="0" cellpadding="10" border="0" align="center" style="width: 70%;">
                                                
 <tbody>
                                                
 <tr>
                                                
 <td class="bodyline">
                                                
 <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
                                                
 <tbody>
                                                
 <tr>
                                                
 <td align="center" valign="middle" style="width: 100%;">
                         <a href="/"><img src="http://i62.tinypic.com/2jamg0m.png" id="i_logo" border="0" alt="" style="margin-top: 1px; margin-bottom: 1px;" /></a><br />                        
 <div class="maintitle">
                                                
 <h1>
                                                
 </h1>
                                                
 </div><br /><span class="gen"><br />  </span>                        
 </td>
                                                
 </tr>
                                                
 </tbody>
                                                
 </table>
                                                
 <table cellspacing="0" cellpadding="0" border="0" align="center">
                                                
 <tbody>
                                                
 <tr>
                                                
 <td align="center">
                         <a href="/" class="mainmenu"><img src="http://i67.tinypic.com/24azju1.png" border="0" alt="" title="" style="margin-left: 0px; margin-right: 0px;" /></a><a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://i21.servimg.com/u/f21/17/23/35/67/forum_13.png" border="0" alt="Index" title="Index" style="margin-left: 0px; margin-right: 0px;" /></a><a class="runeclan" href="http://www.runeclan.com/clan/dutch_executors" target="_blank"><img id="i_icon_mini_index" src="http://i68.servimg.com/u/f68/19/27/65/39/runecl10.png" border="0" alt="Index" title="Index" style="margin-left: 0px; margin-right: 0px;" /></a><a class="runescape" href="http://services.runescape.com/m=clan-home/clan/Dutch%20Executors" target="_blank"><img id="i_icon_mini_index" src="http://i68.servimg.com/u/f68/19/27/65/39/runesc10.png" border="0" alt="Index" title="Index" style="margin-left: 0px; margin-right: 0px;" /></a>                                  
 <div id="search_menu" style="display:none;position:absolute;z-index:10000">
                                                
 <form action="/search" method="get">
                         <input type="hidden" name="mode" value="searchbox" />                        
 <table class="forumline" cellpadding="3" cellspacing="0" border="0">
                                                
 <tbody>
                                                
 <tr>
                                                
 <th class="thHead">
                         Zoekopdracht                        
 </th>
                                                
 </tr>
                                                
 <tr>
                                                
 <td class="row2" align="center">
                         <input type="text" class="post" name="search_keywords" size="24" style="height:20px;margin-top:6px;margin-right:3px;" /><input type="submit" class="button" value="Go" />                        
 </td>
                                                
 </tr>
                                                
 <tr>
                                                
 <td class="row2" align="center" style="white-space: nowrap;">
                         <span class="genmed"> Geef resultaten weer als: <input id="rposts" type="radio" name="show_results" value="posts" /><label for="rposts"> Berichten</label><input id="rtopics" type="radio" name="show_results" value="topics" checked="checked" /><label for="rtopics"> Topics</label> </span>                        
 </td>
                                                
 </tr>
                                                
 <tr>
                                                
 <td class="row2" align="center">
                         <span class="genmed"><a href="/search" rel="nofollow" title="Geavanceerd zoeken"><img src="http://2img.net/i/fa/empty.gif" border="0" alt="Geavanceerd zoeken" style="width: 12px; height: 13px; margin-left: 3px; margin-right: 3px;" /> Geavanceerd zoeken</a></span>                        
 </td>
                                                
 </tr>
         <style>
#header {
    border-style: solid;
    border-color: #63C8CF;
    background-color:#19111F;
    color:white;
    text-align:center;
    padding:5px;
}

#section {

    float:center;
    padding:10px;
}
#footer {
    border-style: solid;
    border-color: #63C8CF;
    background-color:#19111F;
    color:white;
    text-align:center;
   padding:5px;
}
</style>                                        
 </tbody>
                                                
 </table>
                                                
 </form>
                                                
 </div>
                            
 </td>
                                                
 </tr>
                                                              
 </tbody>
                              
 </table>
                                                
 <div style="clear: both;">
                              
 </div>
                              
 <div id="page-body">
                              
 <div class="no-left" id="emptyidcc">
                              
 <table style="width: 100%;" class="three-col" cellspacing="0" cellpadding="0">
                              
 <tbody>
                              
 <tr>
                              
 <td style="width: 0px;" valign="top">
                              
 <div id="emptyidleft">
                              
 </div>
                              
 </td>
                              
 <td style="width: 100%;" valign="top">
                       <br /><br /> <br /><br />        
 <div id="header">
              
 <h1 style="font-size:100%; font-family: 'Comic Sans MS'; color:#968899">
        Welkom op de pagina van Dutch Executors        
 </h1>
              
 </div>
                
 <div id="section">
                
 <div ;="" align="center" style="font-family: 'Comic Sans MS';">
                                
 <div align="center" style="font-family: 'Comic Sans MS';">
              
 <p style="color:#968899">
                         <br /><br /> Dutch Executors is een gezellige Nederlandstalige runescape clan. We doen elke maand events zoals bossen, skillen en minigames.              
 </p>
                          
 </div>
                              
 <div align="center" style="font-family: 'Comic Sans MS';">
                                
 </div>
                              
 <div align="center" style="font-family: 'Comic Sans MS';">
                                  
 <p style="color:#968899">
        We houden van een gezellige babbel en helpen elkaar graag. We hebben een boel verplichtingen, namelijk dat je gezellig mee babbelt en je je volwassen gedraagt. Het bezoeken van Citadel en Events is geen verplichting maar het is natuurlijk wel erg leuk om te doen.          
 </p>
                          
 </div>
                              
 <div align="center" style="font-family: 'Comic Sans MS';">
                         <span style="color: #000099;"><br /></span>                
 </div>
                              
 <div align="center" style="font-family: 'Comic Sans MS';">
                                  
 <p style="color:#968899">
        Vind je het leuk om deel uit te maken van deze gezellige bende, neem dan vooral eens een kijkje in onze clan chat !            
 </p>
                              
 </div>
                
 </div>
                  
 </div>
              
 <div style="visibility:visible;width:800px;margin:auto;">
 <embed type="application/x-shockwave-flash" style="height: 410px; width: 540px;" allowscriptaccess="sameDomain" align="middle" name="RS" bgcolor="#000000" wmode="transparent" flashvars="ql=2&src1=http://pic20.picturetrail.com:80/VOL1607/13727897/flicks/1/9106521" quality="high" src="http://flash.picturetrail.com/pflicks/3/spflick.swf" />
 <p>
 </p>
 </div>
                    
 <div style="color:#968899" id="footer">
        <span style="font-size: 13px;">Dutch Executors | <a target="_blank" style="text-decoration:none" href="http://www.actieforum.com">Actieforum</a></span>        
 </div>
                    
 <p>
              
 </p>
                                                          
 </td>
                              
 </tr>
                
 </tbody>
                                  
 </table>
              
 </div>
              
 </div>
              
 </td>
              
 </tr>
              
 </tbody>
</table>

[10spetter10]

Eigenlijk gebruik je heel de header van je forum. Dus lijkt het me makkelijker om de optie om de header en footer te gebruiken van je forum. Je footer is anders maar deze zou je eventueel kunnen aanpassen met je templates zodat die over heel je forum is aangepast of met javascript enkel op die pagina toegepast.

Als je de instellingen op header en footer toepassen zet zou je deze code kunnen gebruiken:

Code:

<table id="header" class="forumline" width="100%">
   <tr>
      <td>
         <h1 style="font-size:100%; font-family: 'Comic Sans MS'; color:#968899">
            Welkom op de pagina van Dutch Executors       
         </h1>
      </td>
   </tr>
 </table>
               
 <div id="section">
   <div style="font-family: 'Comic Sans MS'; text-align: center;">
      <br /><br />
      <p style="color:#968899">
         Dutch Executors is een gezellige Nederlandstalige runescape clan. We doen elke maand events zoals bossen, skillen en minigames.             
      </p>
      <p style="color:#968899">
         We houden van een gezellige babbel en helpen elkaar graag. We hebben een boel verplichtingen, namelijk dat je gezellig mee babbelt en je je volwassen gedraagt. Het bezoeken van Citadel en Events is geen verplichting maar het is natuurlijk wel erg leuk om te doen.         
      </p>    
      <p style="color:#968899">
         Vind je het leuk om deel uit te maken van deze gezellige bende, neem dan vooral eens een kijkje in onze clan chat !           
      </p>
   </div>       
 </div>
             
 <div style="visibility:visible;width:800px;margin:auto auto 15px auto;">
 <embed type="application/x-shockwave-flash" style="height: 550px; width: 700px;" allowscriptaccess="sameDomain" align="middle" name="RS" bgcolor="#000000" wmode="transparent" flashvars="ql=2&src1=http://pic20.picturetrail.com:80/VOL1607/13727897/flicks/1/9106521" quality="high" src="http://flash.picturetrail.com/pflicks/3/spflick.swf" />
 </div>

Ik zou wel nog eens kijken of de code voor je flash slideshow juist is want het kan zijn dat het eens dat de pagina geladen is zichzelf heeft aangepast.

Als je zou willen dat de footer ook nog aangepast moet worden op deze pagina of allemaal, laat maar iets weten. Dan steek ik nog wel iets in elkaar.

[rohneke]

De rede dat ik de header van het forum gekopieerd heb, is omdat ik het menu van de home pagina anders wil dan die van het forum.
Op de home pagina staan 4 knoppen (waaronder een verwijzing naar het forum), op de pagina van het forum staan pas de opties 'inloggen, uitloggen, registreren, leden bekijken'enzo

En die footer vond ik inderdaad ook wel grappig om erbij te doen ^.^ Zou ook leuk zijn als die op de pagina van forum zelf komt ipv de footer die er nu staat

Die flash slideshow is gemaakt via een site zou niet weten hoe je daar een eigen code van schrijft hihi


Maarja is het mogelijk om dat menu van de home pagina anders te maken dan die van forum pagina etc?

[10spetter10]

Je zou ze eventueel kunnen verbergen met css.

Code:

<style>a.mainmenu[href*="/login"] {display: none;}
a.mainmenu[href*="/register"] {display: none;}
a.mainmenu[href*="logout"] {display: none;}
a.mainmenu[href*="/memberlist"] {display: none;}
</style>

Deze code zou je dan nog bij in je html moeten steken zodat die enkel op die pagina gebruikt wordt.
Naar je footer ga ik later nog eens naar kijken.

[rohneke]

Ahhhh thx !!!!

En ik ben heelll lastig hoor sorry... maar is het dan ook nog mogelijk om op de home pagina 2 extra knoppen neer te zetten, die op het forum dan weer niet zichtbaar zijn?

[10spetter10]

Dat lukt maar dan moet je javascript toevoegen op de pagina. Normaal zou het moeten werken als je onderstaande code in je html bestand plakt en de url, src ... invuld. Je kan meerdere knoppen toevoegen door het gedeelte achter de append (het stukje tussen de ' ') te herhalen.

Code:

<script>
$('td.bodyline table:eq(1) td').append('<a class="mainmenu" href="-- URL NAAR DE PAGINA --"><img src="-- URL NAAR DE AFBEELDING --" border="0" hspace="0" alt="alternatieve tekst afbeelding" title="naam pagina"></a>');
</script>

Ik heb het niet getest maar volgens mij zou dit het wel moeten doen.

[rohneke]

Ahh het werkt thx !!!

Ben benieuwd naar de footer hihi, dus dat w8 ik nog rustig af :-)

[10spetter10]

Vervang de code in 'overall_footer_begin' door deze:

Code:

<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<!-- close div id="page-body" -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tbody>
    <tr>
      <td id="footer_cont" style="background-color: #19111F; padding: 2px 5px;">
        hierin footerlinks
      </td>
    </tr>
  </tbody>
</table>
<script type="text/javascript">
//<![CDATA[
  $(document).ready(function(){
    $('#footer_cont').append($('#page-footer a[href*="/admin/"]'));
    $('#footer_cont a[href*="/admin/"]').attr('id','linkBeheerderspaneel');
  });
//]]>
</script>
<div id="page-footer" style="display: none;">
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->

Waar 'hierin footerlinks' kan je zelf nog links, tekst etc plaatsen. Ik heb de standaard footer verborgen en de link naar het beheerderspaneel hoger geplaatst, in de nieuwe footer.

[rohneke]

Ahhhh nice!!! Bedankt!!!

Is er nog een optie om dat beheerders paneel linkje uit de balk te verwijderen en er boven te zetten zoals dat 'normaal' ook is?

En zijn er nog verplichte linkjes die je in de footer moet zetten met verwijzing naar actieforum etc?

[10spetter10]

Een linkje naar actieforum is inderdaad verplicht om in je footer te zetten. De overige zijn eerder optioneel, maar als je er plaats voor zou hebben, mogen die er wel bij.

Om de link naar het beheerderspaneel te veranderen van plaats zou je in de template je javascript moeten aanpassen. Vervang alles tussen de script-tags door:

Code:

//<![CDATA[
  $(document).ready(function(){
    $('#footer_cont').closest('table').before($('#page-footer a[href*="/admin/"]').attr('id','linkBeheerderspaneel'));
  });
//]]>

[rohneke]

Weer bedankt !!!!

Ik zal dit topic op opgelost zetten :-)

[rohneke]

Ow nog 1 vraagje als dat mag...

Dat is meer voor mezelf hahah

Hoe krijg ik de tekst 'beheerderspaneel' in het midden i.p.v. links?

[10spetter10]

Ik heb de link naar het beheerderspaneel het id 'linkBeheerderspaneel' meegegeven. Dus met deze css zou het opgelost moeten zijn.

Code:

a#linkBeheerderspaneel {
  margin: auto;
  display: table;
}

[rohneke]

Het werkt !!! Heel erg bedankt :-)

[10spetter10]

Dan zal ik er nu een slotje opzetten.

..	Ondersteunings Vraag opgelost en gesloten.