toplist anpassen (design)

Fragen zu Änderungen am Template

Moderator:Paddelberg

Antworten
oPa gerHard
Beiträge:10
Registriert:Dienstag 28. März 2006, 18:14
toplist anpassen (design)

Beitrag von oPa gerHard » Dienstag 28. März 2006, 18:54

Hallo,
erstmal ein großes Lob an dich top script ! deshalb habe ich mich auch dafür
entschieden :)
nun das installieren hat problenlos geklappt .. aber nun möchte ich dem design das ich für die liste erstellt habe leben einhauchen !

um meine fragen besser eklären zu können :

http://www.hh-stammtisch.de/toplist/htm ... oplist.htm

in dem kasten nummer 1 möchte ich die statistiken sprich die gesamten hit ins und outs nächster reset usw .. wie kann ich das machen ?
-------------
in den kasten nummer 2 möchte ich den content sprich die topliste
wie geht das ?
-------------
Nummer 3 dort das copyright von ihnen/dir alternativ nummer 4?!
wie geht das ? ?
-------------
nummer 5
dort möchte ich ein paar extra seiten sowie die links "anmelden und einloggen" die zieladressen sollen sich in kasten nummer 2 öffnen !
-----------


soviele fragen ich hoffe du/sie kannst mir helfen das wäre echt nett :))

ok .. also gesliced hat das ganze fireworks8 für micch !

und benutze dreamweaver 8 zum editieren..
Nach oben
Benutzeravatar
Paddelberg
Site Admin
Beiträge:925
Registriert:Dienstag 17. Januar 2006, 00:02
Wohnort:Worms

Beitrag von Paddelberg » Mittwoch 29. März 2006, 01:17

Hi
Im Prinzip mußt du dir nur die Platzhalter aus dem Template in dein Template an die richtige stelle kopiere und fertig
ich habe hier mal ein paar Erklärungen zum Template gemacht.
Template anpassen
Hoffe das deine Fragen dadurch beantwortet werden
mfg
simon
Zuletzt geändert von Paddelberg am Freitag 13. Juli 2007, 04:14, insgesamt 1-mal geändert.
Nach oben
oPa gerHard
Beiträge:10
Registriert:Dienstag 28. März 2006, 18:14

Beitrag von oPa gerHard » Mittwoch 29. März 2006, 10:13

moin danke für die antwort aber so wirklich hat mir das nicht geholfen :(

ich wußte bereits wie das mit den so genannten "platzhaltern" funktioniert ..:) meine frage ist jedoch .. wenn ich das design in fw8 slice baut er mir ja aus tabellen .. ein gerüst in denen einzelne bilderabschnitte sind meine frage ist nun .. kann ich den die "platzhalter" auch auf die grafik platzieren .. ? probiert habe ich es den code in die entsprechende tabelle zu tuen nur leider sprengt es mir jedesmal das design !

?
Nach oben
Benutzeravatar
Paddelberg
Site Admin
Beiträge:925
Registriert:Dienstag 17. Januar 2006, 00:02
Wohnort:Worms

Beitrag von Paddelberg » Mittwoch 29. März 2006, 16:57

Hi
Hatte eigentlich gedacht, das wäre schon gesliced, deswegen hatte ich mir das nicht nochmal angeschaut
Du mußt das natürlich erst richtig slicen. Durch die Slices enstehen ja Zellen, die müssen halt an der richtigen Stelle sein, das du da dann den Toplisten Kram einfügen kannst. Die Bilder unter den Schriften kannst du dann z.B. durch ein 1mal1px großes bg Bild in der Zelle ersetzten.
So wies jetzt is geht das höchstens mit image-maps und das is Käse.

Hier haste mal ein Bsp für ne Seite mit slices
http://party-sex.jungefruechte.de/
Leider keine Topliste, aber du kannst in etwa sehen, wie du vorgehen mußt. Holl dir den Quellcode einfach mal ins Dreamweaver.

Und dann mußt du natürlich noch alle Zellen und Tables, die du in deine Layput holst noch vorher formatieren, sprich cellspacing und padding einstellen und die Weite der Zellen und tables anpassen (is schon fast alles prozentual, müßte eigentlich auch automatisch gehen)


Dann mal noch ein Tip
gut 20% surfen noch mit 800/600 Auflösung. Die müssen bei dir alle nach rechts scrollen. Selbst bei ner höheren Auflösung muß ich noch etwas nach rechts scrollen.
Ein Design ist entweder 760 Pixel breit oder hat eine dynbamische breite (z.B. 100%). Alles andere is besucherunfreundlich!

mfg
simon
Nach oben
oPa gerHard
Beiträge:10
Registriert:Dienstag 28. März 2006, 18:14

Beitrag von oPa gerHard » Dienstag 4. April 2006, 18:26

hi ok danke ..

nun möchte ich noch wissen ob es möglich ist eine scrollbar

einzufügen .. in dem der inhalt der toplist gescrollt werden kann so in etwa wie ein i-frame! nur in php ?

sprich dort wo der content der seite hinein kommt dort sollen sich auch noch
extra seiten öffnen :)


http://www.hh-stammtisch.de/toplist/
Nach oben
Benutzeravatar
Paddelberg
Site Admin
Beiträge:925
Registriert:Dienstag 17. Januar 2006, 00:02
Wohnort:Worms

Beitrag von Paddelberg » Dienstag 4. April 2006, 19:24

Hi
das mußt du mit div und css machen

Code: Alles auswählen

<div id="Layer1" style="position:relativ; width:350px; height:510px; z-index:1; overflow:auto;"></div>
wichtig ist "position:relativ" und "overflow:auto"

Hier mal ein Beispiel
http://www.open-air-hamm.de/surftips/

mfg
simon
Nach oben
oPa gerHard
Beiträge:10
Registriert:Dienstag 28. März 2006, 18:14

Beitrag von oPa gerHard » Donnerstag 6. April 2006, 15:30

huhu habe noch ein paar fragem :D

1.)

ich möchte das die ausgabe etwa so aussieht :

http://www.hh-stammtisch.de//toplist/html/style.jpg

in der "topsite-rows" habe ich nicht wirklich erkennen kkönnen was ich da ändern müsste .. kann ich die platzhalter einfach in ein gebilde aus tabellen einordnen und mir das gerüst so aufbauen ?


2.)und wie verlinke ich die links damit sie sich in dem layer öffnen ?

danke schon mal :)
Nach oben
Benutzeravatar
Paddelberg
Site Admin
Beiträge:925
Registriert:Dienstag 17. Januar 2006, 00:02
Wohnort:Worms

Beitrag von Paddelberg » Donnerstag 6. April 2006, 19:48

Hi
kann ich die platzhalter einfach in ein gebilde aus tabellen einordnen und mir das gerüst so aufbauen ?
ja, kannst du machen. Du mußt nur schauen, das die Platzhalter in den dateien bleiben, wo sie stehen. (Also nicht nen Platzhalter aus der Topsite rows in die Topsite.html. )
2.)und wie verlinke ich die links damit sie sich in dem layer öffnen ?
da wirst du Frames (Iframes) für nehmen müssen oder eine neue Seite.
Für die Useiten der Topliste selbst is das ja automatisch, also gehe ich mal davon aus, das die die Links zu den einzelenen Seiten meinst.
Mein Tip: Lass es! Weil das taucht nicht. Weder für Besucher noch für webmaster!

mfg
simon
Nach oben
oPa gerHard
Beiträge:10
Registriert:Dienstag 28. März 2006, 18:14

Beitrag von oPa gerHard » Donnerstag 6. April 2006, 20:37

Hu,

also habe mir jetzt meine eigene "topsite-rows" erstellt "http://www.hh-stammtisch.de/toplist/htm ... -rows.html"

leider sprengt mir dass das ganze design "http://www.hh-stammtisch.de/toplist/"

was habe ich falsch eingestellt ?

und mit nummer 2 meinte ich das ich gernen noch 2 extra seiten hätte einmal mit "infos" und "faq" zu dem soll das grafischemenü statisch sein und sich nur der content verändern wie bei einem iframe .. möglich ?
Nach oben
Benutzeravatar
Paddelberg
Site Admin
Beiträge:925
Registriert:Dienstag 17. Januar 2006, 00:02
Wohnort:Worms

Beitrag von Paddelberg » Donnerstag 6. April 2006, 23:00

Hi
datei topsite-rows-header.html

Code: Alles auswählen

<tr>
	<td valign="left" align="center" width="25"><B>{text_rank}</B></td>
	<td valign="left" align="center" width="395"><B>{text_description}</B></td>
	<td valign="left" align="center" width="30"><B>{text_in}</B></td>
	<td valign="left" align="center" width="30"><B>{text_out}</B></td>
</tr>
datei topsite-rows.html

Code: Alles auswählen

<tr>
	<td colspan="4">
		<table width="100%" border="0" align="left">
			<tr>
				<td>{top_rank}</td>
				<td><a href="{top_url}" title="{top_id} {top_title}" target="_blank" onmousedown="return out('{top_id}')" class="sitetitle"><strong>{top_title}</strong></a></td>
				<td align="center">Hit in : {top_hitin}</td>
				<td align="center">Hit out : {top_hitout}</td>
			</tr>
			<tr>
				<td colspan="4" align="center">{top_banner}</td>
			</tr>
			<tr>
				<td colspan="4" align="center">{top_description}</td>
			</tr>
		</table>
	</td>
</tr>

Datei topsite.html

Code: Alles auswählen

<head>
<title>HH-stammtisch.de | Toplist</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">function out(outlink) {if(document.images) {(new Image()).src="{topsiteurl}/out.php?id="+outlink+"";}return true;}</script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#404040">
<table width="777" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td><img src="spacer.gif" width="24" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="41" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="100" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="25" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="491" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="7" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="68" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="9"><img name="topsite_r1_c1" src="topsite_r1_c1.jpg" width="777" height="16" border="0" id="topsite_r1_c1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="20"><img name="topsite_r2_c1" src="topsite_r2_c1.jpg" width="24" height="630" border="0" id="topsite_r2_c1" alt="" /></td>
   <td rowspan="3" colspan="3"><a href="javascript:;" target="_blank"><img name="topsite_r2_c2" src="topsite_r2_c2.jpg" width="166" height="165" border="0" id="topsite_r2_c2" usemap="#m_topsite_r2_c2" alt="" /></a></td>
   <td colspan="5"><img name="topsite_r2_c5" src="topsite_r2_c5.jpg" width="587" height="56" border="0" id="topsite_r2_c5" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="56" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="3" colspan="2"><img name="topsite_r3_c5" src="topsite_r3_c5.jpg" width="21" height="132" border="0" id="topsite_r3_c5" alt="" /></td>
   <td valign="top" bgcolor="#D4D0C8"><table width="491" height="68" border="0">
     <tr>
       <td width="77"><div align="center"><span class="stats">{text_currenthitsin}</span></div></td>
       <td width="77"><div align="center"><span class="stats">{text_currenthitsout}</span></div></td>
       <td width="77"><div align="center"><span class="stats">{text_hitsin}</span></div></td>
       <td width="77"><div align="center"><span class="stats">{text_hitsout}</span></div></td>
       </tr>
     <tr>
       <td><div align="center"><span class="stats">{currenthitsin}</span></div></td>
       <td><div align="center"><span class="stats">{currenthitsout}</span></div></td>
       <td><div align="center"><span class="stats">{allhitsin}</span></div></td>
       <td><div align="center"><span class="stats">{allhitsout}</span></div></td>
       </tr>
   </table>   
   </td>
   <td rowspan="3" colspan="2"><img name="topsite_r3_c8" src="topsite_r3_c8.jpg" width="75" height="132" border="0" id="topsite_r3_c8" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="69" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="topsite_r4_c7" src="topsite_r4_c7.jpg" width="491" height="63" border="0" id="topsite_r4_c7" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="40" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2" colspan="3"><img name="topsite_r5_c2" src="topsite_r5_c2.jpg" width="166" height="55" border="0" id="topsite_r5_c2" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="23" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="16"><img name="topsite_r6_c5" src="topsite_r6_c5.jpg" width="9" height="442" border="0" id="topsite_r6_c5" alt="" /></td>
   <td rowspan="15" colspan="3" valign="top" bgcolor="#D4D0C8">
	<div id="Layer1" style="position:relativ; width:510px; height:363px; z-index:1; overflow:auto;">
		<div align="left">{menu}<br><br></div>
		<table width="100%" border="1" cellspacing="5" cellpadding="3" bordercolor="#000000" align="center">
		{listheader}
		{listtable}
		</table>		
		<div align="left"><br><br>{menu}</div>
	</div>
       </td>
   <td rowspan="16"><img name="topsite_r6_c9" src="topsite_r6_c9.jpg" width="68" height="442" border="0" id="topsite_r6_c9" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="32" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="15"><img name="topsite_r7_c2" src="topsite_r7_c2.jpg" width="41" height="410" border="0" id="topsite_r7_c2" alt="" /></td>
   <td><a href="http://www.HH-stammtisch.de" target="_blank"><img name="topsite_r7_c3" src="topsite_r7_c3.jpg" width="100" height="16" border="0" id="topsite_r7_c3" alt="" /></a></td>
   <td rowspan="15"><img name="topsite_r7_c4" src="topsite_r7_c4.jpg" width="25" height="410" border="0" id="topsite_r7_c4" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="topsite_r8_c3" src="topsite_r8_c3.jpg" width="100" height="3" border="0" id="topsite_r8_c3" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="3" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="http://www.HH-stammtisch.de" target="_blank"><img name="topsite_r9_c3" src="topsite_r9_c3.jpg" width="100" height="12" border="0" id="topsite_r9_c3" alt="" /></a></td>
   <td><img src="spacer.gif" width="1" height="12" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="topsite_r10_c3" src="topsite_r10_c3.jpg" width="100" height="3" border="0" id="topsite_r10_c3" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="3" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="http://www.HH-stammtisch.de" target="_blank"><img name="topsite_r11_c3" src="topsite_r11_c3.jpg" width="100" height="16" border="0" id="topsite_r11_c3" alt="" /></a></td>
   <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="topsite_r12_c3" src="topsite_r12_c3.jpg" width="100" height="1" border="0" id="topsite_r12_c3" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="http://www.HH-stammtisch.de" target="_blank"><img name="topsite_r13_c3" src="topsite_r13_c3.jpg" width="100" height="16" border="0" id="topsite_r13_c3" alt="" /></a></td>
   <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="topsite_r14_c3" src="topsite_r14_c3.jpg" width="100" height="25" border="0" id="topsite_r14_c3" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="http://www.HH-stammtisch.de" target="_blank"><img name="topsite_r15_c3" src="topsite_r15_c3.jpg" width="100" height="16" border="0" id="topsite_r15_c3" alt="" /></a></td>
   <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="topsite_r16_c3" src="topsite_r16_c3.jpg" width="100" height="1" border="0" id="topsite_r16_c3" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="http://www.HH-stammtisch.de" target="_blank"><img name="topsite_r17_c3" src="topsite_r17_c3.jpg" width="100" height="16" border="0" id="topsite_r17_c3" alt="" /></a></td>
   <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="topsite_r18_c3" src="topsite_r18_c3.jpg" width="100" height="1" border="0" id="topsite_r18_c3" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><a href="http://www.HH-stammtisch.de" target="_blank"><img name="topsite_r19_c3" src="topsite_r19_c3.jpg" width="100" height="16" border="0" id="topsite_r19_c3" alt="" /></a></td>
   <td><img src="spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="topsite_r20_c3" src="topsite_r20_c3.jpg" width="100" height="268" border="0" id="topsite_r20_c3" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="189" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="3"><img name="topsite_r21_c6" src="topsite_r21_c6.jpg" width="510" height="79" border="0" id="topsite_r21_c6" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="79" border="0" alt="" /></td>
  </tr>
</table>
<div align="center">
  <p>
  <map name="m_topsite_r2_c2" id="m_topsite_r2_c2">
    <area shape="poly" coords="1,0,0,165,166,133,150,46" href="http://www.HH-stammtisch.de" target="_blank" alt="" />
  </map>
  <!-- Der folgende Platzhalter darf nicht entfernt werden, ansonten erlischt die Lizenz zur Nutzung des Scripts-->
    {text_code}
  <!-- Paltzhalter Code der nicht entfernt werden darf Ende -->
  </p>
  <p>&nbsp;</p>
 
</div>
<p>&nbsp;</p>
</body>
</html>

habs jetzt nicht wirklich ausprobiert, aber dürfte schon gehen
mfg
simon
Nach oben
Benutzeravatar
Paddelberg
Site Admin
Beiträge:925
Registriert:Dienstag 17. Januar 2006, 00:02
Wohnort:Worms

Beitrag von Paddelberg » Donnerstag 6. April 2006, 23:06

und mit nummer 2 meinte ich das ich gernen noch 2 extra seiten hätte einmal mit "infos" und "faq" zu dem soll das grafischemenü statisch sein und sich nur der content verändern wie bei einem iframe .. möglich ?
also, da machste am besten je ne extra Seite für.
Das würde zwar mit Javascript gehen, (Inhalte von div Ebenen ändern) ich weiß jetzt aber nicht genau wie.
Und das das ganze danach dann noch sumatauglich ist glaube ich nicht.
mfg
simon
Nach oben
oPa gerHard
Beiträge:10
Registriert:Dienstag 28. März 2006, 18:14

Beitrag von oPa gerHard » Samstag 8. April 2006, 12:18

besser gehts ja nisch .. top script top support weiter so !!!

und wann kommt die pro endlich raus ? :P

DANKE PADDEL :D
Nach oben
oPa gerHard
Beiträge:10
Registriert:Dienstag 28. März 2006, 18:14

Beitrag von oPa gerHard » Samstag 8. April 2006, 16:07

:shock:

ich nochmal

2 kleine probleme habe ich noch :(

siehe das zu das bild http://www.hh-stammtisch.de//toplist/html/style2.jpg


beim weißenpfeil habe ich das probleme das die scrollbar noch da ist nach links und rechts .. ist ja nicht nötig man sieht ja alles in dem layer !!

beim schwarzenpfeil .. sieht man dort boch einen weissen rand .. habs versucht per hand zu ändern aber das css file macht den hintergrund immer wieder hell !

danke paddel schon einmal :)[/url]
Nach oben
Benutzeravatar
Paddelberg
Site Admin
Beiträge:925
Registriert:Dienstag 17. Januar 2006, 00:02
Wohnort:Worms

Beitrag von Paddelberg » Samstag 8. April 2006, 16:46

Hi
also, der weiße Rahmen drumrum entsteht durch die Datei spacer.gif.
Das Bild hat einfach die falsche Farbe!

Das mit dem Scrollen bekommst du hin, wenn du den Table in dem div relative cellspacing="3" auf cellspacing="0" setzt

dann empfehle ich dir, wenn du in deinem Code rumfummelst, nicht immer die ganzen Fehler drinnzulassen, sondern den Code erst wieder in ordnung zu bringen, bevor du was andere testest

Am besten zu kopierts dir den Copde hier nochmal un fängst von vorne an. Weil da sind einige Fehler drin

mfg
simon
Nach oben
oPa gerHard
Beiträge:10
Registriert:Dienstag 28. März 2006, 18:14

Beitrag von oPa gerHard » Samstag 8. April 2006, 17:30

huhu,

habe das ganze mal probiert habe nen neuen spacer gemacht in der farbe des hintergrundes trotzdem bleiben die striche :(
Und habe cellspacing="3" auf cellspacing="0" gesetzt trotzdem ist die scollbar noch da ?
Nach oben
Antworten

Zurück zu „Templates und Design“