Kit-Coding.de kostenlose PHPKIT Plugins

Hallo Leute,

ich habe gleich mehrere Fragen auf einmal, versuche mich aber kurz zu halten...

Erstes Anliegen: Ich möchte auf unserer Webseite im linken Frame unter "Mitglieder" einen neuen Verweis erstellen mit dem Namen "Wir über uns".

Hier ist es vorgesehen, dass sich das jeweilige Sippenmitglied vorstellt und ein Bild seines Charakters dargestellt wird.

Folgende Probleme ergeben sich hierbei: Erstellung eines Verweises in der Kategorie "Mitglieder" über das ACP scheinbar nicht möglich - und muss ich mir eine Navbox erstellen, damit ich dann Eintragungen wie oben beschrieben vornehmen kann, denn bisher verstehe ich das so, dass ich zur Beschreibung der Person mit Bild eigentlich nur einen Link ("Wor über uns" verlinkt z.b. ins Forum) setzen kann, wo das Ganze aufgearbeitet ist!?

Oder kann man sowas von vornherein einstellen? Also Textfeld links oben - Bild rechts - Textfeld unterhalb des Bildes über die gesamte Breite - Strich drunter - Nächstes Mitglied - und wieder wie oben weiter...

Über Eure Hilfe würde ich mich freuen.

Hallo Discoverer,

wie du schon richtig bemerkt hast, kann man keine Verweise einer "richtigen" Navbox zuordnen, denn das geht nur, wenn bei "Navigationsbox" => "keine Navigationsbox verwenden" ausgewählt ist. Da deine Mitgliederbox eine Navbox verwendet namens => "Community" ist das hinzufügen von Verweisen zu dieser nicht möglich.

Es gibt aber Abhilfe, die allerdings an die Art des Styles gebunden ist und somit nicht bei jedem Style funktioniert.

Beispiel:
Wir sehen hier, das ich eine normale Navbox erstellt habe und dieser einen Verweis namens Test hinzugefügt habe. Durch die Sortierung, die man ja nach belieben ändern kann steht dieser Verweis nun unter der gewünschten Stelle, ABER wie man unschwer erkennen kann wird dieser durch den Navboxfooter getrennt, was ja übelst bescheiden aussieht. Kurze Erklärung dazu: Es war in dem PHPKIT 1.6.5 garnicht vorgesehen, das Navboxen einen Footer haben können und genau deshalb kommt der unschöne Anblick zustande, wenn man einen Style hat der Navboxen mit einer Endgrafik versieht.

Solche Styles gehen aber:

Hier geht das allerdings wunderbar, denn das ist ein Style, der optimal an das PHPKIT 1.6.5 angepasst ist und jede Einstellung funktioniert, die man im Adminbereich den Navigationsboxen geben kann. Der Trick ist hier ganz einfach, das die komplette Linke Navigation eine eigene Umrandung hat, was somit auch als Box angesehen werden kann und die Navboxen lediglich mit verzierenden Titelgrafiken aufgepeppt werden. Dadurch das die Navboxen selber keine Footer Grafikenb haben passt alles und der Verweis ist auch direkt unter der Box wie es auch sein soll ohne das eine Grafik im Weg ist wie im oberen Beispiel.

Da du aber dummerweise einen Style verwendest, der solche "Footergrafiken" benutzt kannst du eine direkte Platzierung unter den Mitgliedern vergessen. In deinem Fall musst du wohl oder übel den Verweis dem Hauptmenü zuordnen.

Bezüglich deines Problems mit der Formatierung. Erstelle keinen Forenbeitrag, sondern mach einen normalen Inhaltstext daraus. Den kannst du ja dann verlinken über deinen Verweis.

Beispiel einer Formatierung für dein Anliegen(HTML muss bei dem Content angehakt sein):

PHP-Code Anfang: (6 Zeilen) | Code markieren 1  2  3  4  5  6  [IMGR]http://www.kit-coding.de/images/forumuploadpics/31_verweisfail.png[/IMGR]TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br clear="right" /> TEXT Ã¼ber gesamte Breite <hr /> [IMGR]http://www.kit-coding.de/images/forumuploadpics/31_verweisfail.png[/IMGR]TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br clear="right" /> TEXT Ã¼ber gesamte Breite <hr />   PHP-Code ENDE: (6 Zeilen) | Code markieren

Das "<br clear="right" />" sagt schlicht und ergreifend aus, das sofort der Textfluss um das Bild beendet werden soll und darunter weitergeführt werden soll.

Ganz vielen Dank für Deine gut verständlichen Erläuterungen! Musste sie zwar zweimal durchlesen und mit dem ACP abgleichen, aber wie gesagt, sehr gut erklärt!

Falls jmd. dasselbe oder ein ähnliches Problem hat wie ich und unter dem Menüpunkt "Mitglieder" keinen weiteren Verweis setzen kann, dem kann ich sagen, dass es doch folgende Möglichkeit gibt:

Öffne die Datei pkinc/publicinc/navbox.community.php und suche das (ganz unten):

PHP-Code Anfang: (1 Zeile) | Code markieren 1  1: return $boxlinks;    PHP-Code ENDE: (1 Zeile) | Code markieren

Und füge darüber das ein:

PHP-Code Anfang: (3 Zeilen) | Code markieren 1  2  3  1: $linkToAboutUs  =''; 2: $nameToAboutUs  =''; 3: $boxlinks[]=pkHtmlLink(pkLink(trim($linkToAboutUs)),trim($nameToAboutUs),'','','pkcontent_a_'.$navalign);    PHP-Code ENDE: (3 Zeilen) | Code markieren

Erklärung:
$linkToAboutUs ist die Adresse zur Inhaltsseite.
Zu beachten:
Wenn die Adresse z.B. diese ist: http://www.sternenheer.eu/include.php?path=team
.. ist der eigentliche Wert in die Variable "team".

Sprich: Alles hinter ?path= kommt dann als Wert für die Variable.

$nameToAboutUs ist der Titel / Text der Verlinkung.

Quelle: k!r!ka

Dein Beispiel bzgl. der Formatierung ist auch sehr hilfreich - es ist durchaus möglich, dass ich mich diesbezüglich noch einmal hier an Dich wende. ;-)

Bis dahin noch einmal vielen Dank!

So gehts natürlich auch. Trick 17 halt

Melde mich noch einmal mit einer Frage zum Layout und hoffe, dass es da einen ganz Versierten unter Euch gibt, der mir da hoffentlich helfen kann...

... Ich wollte ja wie gesagt unsere Mitglieder in einer Art Baumdiagramm mit Bild darstellen, also wie folgt:

.................................Bild...............................
..................Bild...........Bild...........Bild................
Bild..............Bild...........Bild...........Bild........... Bild
Bild..............Bild...........Bild...........Bild........... Bild

Dabei sollen die Bilder verlinkt werden (unter dem Bild sollte wenn möglich noch der Name des Charakters stehen) und auf eine neue Inhaltsseite verweisen, die dann direkt etwas zu dem jeweiligen Mitglied aussagt und die dann wie folgt dargestellt werden soll:

Überschrift im Rahmen: Name des Chars - Klasse / Rasse / Stufe
(Bsp. für Überschrift im Rahmen) Discoverer - Jäger der Elben Lvl. 66

Text Text Text Text Text Text Text Text Text Text Text Text...................................................B ild
Text Text Text Text Text Text Text Text Text Text Text Text...................................................B ild
Text Text Text Text Text Text Text Text Text Text Text Text...................................................B ild
Text Text Text Text Text Text Text Text Text Text Text Text...................................................B ild

Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

Soviel zur Vorrede... ;-)

Jetzt dachte ich mir, bin ich ganz schlau, erstelle eine Tabelle im Word, pack dort nach meinen Wünschen die Bilder rein, speichere das Ganze als .htm Datei ab, editiere die Datei so, dass die Verweise funktionieren müssten, nachdem ich das Ganze auf den Webspace geladen habe, gebe im ACP unter dem entsprechenden Inhalt noch html frei und.........

....... scheiße war´s - geht nicht, da es wie folgt dargestellt wird:

Klick mich an!

Ich habe folgenden Inhalt aus der von Word erzeugten Datei in die Inhaltsdatei im ACP eingefügt:

*Code entfernt von DustFireSky

Wie gesagt, ich hoffe ihr könnt mir da weiterhelfen - vielleicht gibt es ja auch eine ganz einfache andere Möglichkeit, das Ganze darzustellen?

*zu Hülfe!* ;-)

Das mit Word umzusetzen kannst du wohl vergessen, da das weder einem HTML Standard entspricht, noch wirklich alles erforderlich ist.

Bau dir selber eine htm Datei und füge dort ein Table hinzu. Wenn du dann alles so platziert hast wie du wolltest das Ganze einfach in deinen Content kopieren und HTML erlauben anhaken.

Ich habe dir mal ein Beispiel für dein Baumdiagramm gemacht:

PHP-Code Anfang: (26 Zeilen) | Code markieren 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  <table cellpadding="4" cellspacing="1" width="100%">  <tr>   <td colspan="5" class="heads" align="center">Baumdiagramm</td>  </tr>    <tr>   <td width="20%"> </td>   <td width="20%"> </td>   <td width="20%"> <img src="Bild.jpg" /></td>   <td width="20%"> </td>   <td width="20%"> </td>  </tr>  <tr>   <td width="20%"> </td>   <td width="20%"><img src="Bild.jpg" /></td>   <td width="20%"><img src="Bild.jpg" /></td>   <td width="20%"><img src="Bild.jpg" /></td>   <td width="20%"> </td>  </tr>  <tr>   <td width="20%"><img src="Bild.jpg" /></td>   <td width="20%"><img src="Bild.jpg" /></td>   <td width="20%"><img src="Bild.jpg" /></td>   <td width="20%"><img src="Bild.jpg" /></td>   <td width="20%"><img src="Bild.jpg" /></td>  </tr> </table>   PHP-Code ENDE: (26 Zeilen) | Code markieren

Das könntest du nach belieben verändern und anpassen.

Dank Dir vielmals für das Grundgerüst der Tabelle!

Leider sprengt auch dieses wieder das Design der Webseite (in Anlehnung an meinen anderen Beitrag ).

Anschauen kannst Du Dir das hier: Klick

Ganz im Ernst ? Dann hat dein Style ne Macke Das darf nämlich nicht passieren.

Inhalt der Navbox-Right:

PHP-Code Anfang: (2 Zeilen) | Code markieren 1  2  <ul id="$navboxid" class="pkcontent_box_$navalign">$navigation_head$navigation_body</ul> <div class="navbotre"> </div>   PHP-Code ENDE: (2 Zeilen) | Code markieren

und Inhalt der site.htm des entsprechenden Herr der Ringe Online - Designs:

Versteckten Text anzeigen

PHP-Code Anfang: (121 Zeilen) | Code markieren 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  32  33  34  35  36  37  38  39  40  41  42  43  44  45  46  47  48  49  50  51  52  53  54  55  56  57  58  59  60  61  62  63  64  65  66  67  68  69  70  71  72  73  74  75  76  77  78  79  80  81  82  83  84  85  86  87  88  89  90  91  92  93  94  95  96  97  98  99  100  101  102  103  104  105  106  107  108  109  110  111  112  113  114  115  116  117  118  119  120  121  <!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>$site_title</title> $site_metatags $site_design $site_header_script </head> <!--  :::::::::::::::::::::::::::::::::::::::::::  ::                                       ::  ::    GS Grafix-Szene                    ::  ::    http://www.psd-resources.de        ::  ::                                       ::  :::::::::::::::::::::::::::::::::::::::::::  --> <body> <a name="head"></a> <div id="pkouterpage">                <div id="pkpageheader"></div>            <div id="pkpagedecoration">                     <div id="pkpage">                           <div id="pkbranding">                 <div id="pkbrandingimage"></div>             </div>                     <div id="pkadview"$displayadview>                                                    <div id="pkadviewbox">$adview</div>                                  </div>                      <div id="pkcontent">                      <div id="pkbreadcrumbnavigation"$displaycontent_breadcrumb>$navigation_breadcrumb</div>         </div> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="1000" height="293" background="images/style/gs04_template137/header.jpg"> <tr> <td align="center" ><img border="0" src="images/blank.gif" width="20" height="170"></td> </tr>  </table> </div> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="1000" height="77" background="images/style/gs04_template137/buttonsbg.jpg"> <tr> <td align="center" ><img border="0" src="images/blank.gif" width="50" height="77"></td> <td align="center" valign="middle"><a href="include.php?path=start" onmouseover="home.src='images/style/gs04_template137/home2.gif';"onmouseout="home.src='images/style/gs04_template137/home.gif';"><img src="images/style/gs04_template137/home.gif"border="0" width="165"height="35"name="home"></a></td> <td align="center" valign="middle"><a href="include.php?path=news" onmouseover="news.src='images/style/gs04_template137/news2.gif';"onmouseout="news.src='images/style/gs04_template137/news.gif';"><img src="images/style/gs04_template137/news.gif"border="0" width="165"height="35"name="news"></a></td> <td align="center" valign="middle"><a href="include.php?path=forumsdisplay" onmouseover="forum.src='images/style/gs04_template137/forum2.gif';"onmouseout="forum.src='images/style/gs04_template137/forum.gif';"><img src="images/style/gs04_template137/forum.gif"border="0" width="165"height="35"name="forum"></a></td> <td align="center" valign="middle"><a href="include.php?path=contentarchive&type=4" onmouseover="load.src='images/style/gs04_template137/load2.gif';"onmouseout="load.src='images/style/gs04_template137/load.gif';"><img src="images/style/gs04_template137/load.gif"border="0" width="165"height="35"name="load"></a></td> <td align="center" valign="top"><img border="0" src="images/blank.gif" width="200" height="77"></td> </tr>  </table> </div> <table style="background-image: url(images/style/gs04_template137/background.jpg); background-repeat:repeat-y" width="1000" border="0" align="center" cellpadding="0" cellspacing="0">                  <tr>     <th width="160" valign="top" scope="col">     <table valign="top" width="100%" border="0" cellspacing="0" cellpadding="0"> <td valign="top"><img border="0" alt="" heigth="100" width="10" src="images/blank.gif" /></td>         <td valign="top" align="left" class="pkcontent_left"$displaycontent_left><div id="div"><img src="images/blank.gif" width="160" height="1" />$navigation_left<img src="images/blank.gif" width="160" height="1" /></div>         </td>                        </table></th>    <td width="100%" valign="top" class="sitebody"> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td><img border="0" alt="" heigth="67" width="218" src="images/style/gs04_template137/content_lio.gif" /></td> <td background="images/style/gs04_template137/content_mio.gif" width="100%" height="67" ></td> <td><img border="0" alt="" heigth="67" width="266" src="images/style/gs04_template137/content_reo.gif" /></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td background="images/style/gs04_template137/content_mle.gif" width="16" ><img border="0" width="16" height="139" alt="" src="images/blank.gif" /></td> <td class="center" width="100%" valign="top" bgcolor="" background="images/style/gs04_template137/content_bg.gif">$site_body</td> <td background="images/style/gs04_template137/content_mre.gif" width="17"><img border="0" width="17" height="139" alt="" src="images/blank.gif" /></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td><img border="0" alt="" width="223" height="84" src="images/style/gs04_template137/content_uli.gif" /></td> <td background="images/style/gs04_template137/content_umi.gif" width="100%" height="84"><img border=0 width="1" height="84" alt="" src="images/blank.gif" /></td> <td><img border="0" alt="" width="225" height="84" src="images/style/gs04_template137/content_ure.gif"></td> </tr> </table> </td>   <th width="160" valign="top" scope="col"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">        <tr>         <td class="pkcontent_right"$displaycontent_right valign="top" ><div id="div6">                 <div align="left"><img src="images/blank.gif" border="0" width="160" height="1">$navigation_right<img src="images/blank.gif" width="160" height="1" /></div>               <div class="pkcontentclear">&#160;</div>             </div> <td><img border="0" alt="" heigth="100" width="5" src="images/blank.gif" /></td> </td>       </tr>     </table></th>   </tr> </table>            </div>          <table style="background-image: url(images/style/gs04_template137/footer.jpg); background-repeat:no-repeat" align="center" cellspacing="0" cellpadding="0" width="1000" height="64"> <tr>       <td valign="top" align="right" style="padding-right:35px;padding-top:5px">$site_adminlogin </td>      </tr> </table> <table style="background-image: url(images/style/gs04_template137/footer2.jpg); background-repeat:no-repeat" align="center" cellspacing="0" cellpadding="0" width="1000" height="255"> <tr>       <td valign="top" align="center"></td>      </tr> </table>     <table style="background-image: url(images/style/gs04_template137/footer3.jpg); background-repeat:no-repeat" align="center" cellspacing="0" cellpadding="0" width="1000" height="31"> <tr>       <td valign="top" align="center"> <a href="http://www.psd-resources.de" target="_blank"><img border="0" alt="" src="images/style/gs04_template137/logo.jpg" /></a>     <div id="pkpagefooter"></div>     <div id="pksitestylecopyright"><br> </div> <a name="foot"></a> </td>      </tr> </table> </body> </html>   PHP-Code ENDE: (121 Zeilen) | Code markieren

Gaaaaaanz vielleicht erkennt hier jemand den dieses Problem verursachenden Fehler... ;-)

Gucke ich mir später mal an, heute gibt das keinen mehr.

Wir machen das mal anders. Dein Seitengerüst ist wirklich sehr bescheiden und das ist noch milde ausgedrückt. Wenn du mir einen Admin Account machst schreibe ich das so, wie es sich gehört. Das ist am einfachsten. Sicher dir schonmal deine Site.htm wenn du dem zustimmst.

PM ist raus...

Nachtrag:

*freu und gespannt sei*

Bin fertig und siehe da, deine Bilder werden nun auch umgebrochen

Ganz vielen Dank, dass Du Dich drum gekümmert hast, aber:



dem ich widersprechen muss... Klick

aber: der Bildumbruch bei den kleinen Vorschaubildern funzt schon mal - n1

Das weiß ich Deine Bilder sind im ganzen zu breit. Du musst diese kleiner machen, sodass die Seite nicht mehr zerisen wird. Bei den NEwsbildern klappt es jetzt jedenfalls und das mit deinem Stammbaum liegt halt daran, das die Bilder viel zu groß sind. Der Style ist korrekt geschrieben und von daher musst du diesen Feinschliff nun selbst erledigen


Nehmen wir mal an, du hast für den Content 600px Breite zur Verfügung. Das wären unsere 100%. Wenn du aber 5 Bilder nebeneinander haust in der Tabelle und jedem Bild eine Breite von 150px gibst sind (5 x 150px) >600px Du versteh ?