Tutorials

Eine immer größer werdende Tutorialdatenbank.

PHP-Fusion Core

Aktuelle PHP-Fusion Vollversionen und Updates

Addon Downloads

Alle Downloads garantiert Kostenlos

Support 24/7

24 Stunden, 7 Tage die Woche, das ganze Jahr.

Thema ansehen
PHP-Fusion.at - Offizielle Supportseite für PHP-Fusion » Support für die Version v7.02.xx » Themes und Design
Seite 2 von 4: 1234
Frage - 3 div's in einer Zeile und onmousover Thema drucken
Benutzeravatar

Veteran Mitglied


Janilein Geschrieben am 05.08.2012 um 18:10
 #21 Beitrag drucken Top
na du musst da ja nicht links rechts mitte nennen, du kannst auch karl heinz oder erich nehmen =)
traumkamera.de/logo/traumlogo.jpg
Beiträge: 521 
http://themes.lewitzgalerie.de 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 18:12
 #22 Beitrag drucken Top
Das habe ich mir nun auch gedacht aber es verändert sich auch dann nichts. Ich hab zwar gelesen das es so richtig ist aber komischerweise ist das nicht alles in einer Zeile... sondern der Rechte Pfeil immer eine Zeile tiefer :/

So nun hab ich es nocheinmal umbenannt, die CSS sieht so aus:
Download Code  GeSHi: CSS
  1. #teil1{
  2. float:left;
  3. valign:top;
  4. }
  5. #teil2 {
  6. float:center;
  7. valign:top;
  8. }
  9. #teil3 {
  10. float:right;
  11. valign:top;
  12. }
gewandelt in 0.002 Sekunden, benutzt wurde GeSHi 1.0.8.10


und der Code:
Code Download Code  

         echo "<td class='footer' valign='top'>";

         echo "<div id='teil1'><a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='src='".IMAGES."Bild_Material/up-hover.png' onmouseout='src='".IMAGES."Bild_Material/up.png'></a></div>";

         echo "<div id='teil2'>".stripslashes($settings['footer']);

         echo "</div>";

         echo "<div id='teil3'><a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='src='".IMAGES."Bild_Material/up-hover.png' onmouseout='src='".IMAGES."Bild_Material/up.png'></a></div>";

         echo "</td>";


Ergebnis:
www.php-fusion.at/files/screenfooter.jpg
Beiträge: 577 
http://4friends.mod-rescue.de 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 19:03
 #23 Beitrag drucken Top
Im Prinzip ja, allerdings stimmen die Breiten nicht

Code Download Code  

http://www.php-fusion.at/files/screeeenfoot.jpg

den dass MRC4F © 2012 sollte mittig über den Fusioncopyright stehen:

Hiermal der komplette Footercode:

Code Download Code  

echo "<table cellpadding='0' cellspacing='0' width='100%' border='0'>\n<tr>\n";

         echo "<td align='left' class='footer'>";

         echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."nutzerbedingungen.php'>Nutzerbedingungen</a>  ";

         echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."datenschutz.php'>Datenschutz</a> ";

         echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."faq.php'>Hilfe</a> ";

         echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."contact.php'>Kontakt</a> ";

         echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."imprint.php'>Impressum</a>";

         echo "</tr>\n";

         echo "<tr>\n";

         ?>

         <script>

         $(document).ready(function() {

         $('a[href=#top]').click(function(){

         $('html, body').animate({scrollTop:0}, 'slow');

         return false;

         });

         });  

          </script>

         <?php

         echo "<td class='footer' valign='top'>";

         echo "<div id='teil1'><a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='src='".IMAGES."Bild_Material/up-hover.png' onmouseout='src='".IMAGES."Bild_Material/up.png'></a></div>";

         echo"</td><td class='footer'>";

         echo "<div id='teil2'>".stripslashes($settings['footer']);

         echo "</div>";

         echo"</td><td class='footer'>";

         echo "<div id='teil3'><a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='src='".IMAGES."Bild_Material/up-hover.png' onmouseout='src='".IMAGES."Bild_Material/up.png'></a></div>";

         echo "</td>";

         echo "</tr>\n";

         echo "<tr>\n";

         if (!$license) { echo "<td align='middle' class='main-footer'>\n".showcopyright(); }

echo "<br />";

         echo "</tr>\n</table>\n";

         }
Beiträge: 577 
http://4friends.mod-rescue.de 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 19:35
 #24 Beitrag drucken Top
also die Funktion
Code Download Code  

align='center'

bringt nichts
da muss ich wohl doch mit width arbeiten...

Ich hab das jetzt alles wieder so wie es am Anfang war und habe mich nochmal durch gegooglet und Googles Einträge sagen u.a. dass das mit dem div funktionieren müsste.

Ich will beim div bleiben damit das alles so passt von der breite
Bearbeitet von Paramedic am 05.08.2012 um 19:49
Beiträge: 577 
http://4friends.mod-rescue.de 
Benutzeravatar

Seiten Administrator


David Geschrieben am 05.08.2012 um 20:47
 #25 Beitrag drucken Top
Versuchs mal so:
Download Code  GeSHi: PHP
  1. echo "<table cellpadding='0' cellspacing='0' width='100%' border='0'>\n";
  2. echo "<tr>\n";
  3. echo "<td align='left' class='footer'>";
  4. 	echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."nutzerbedingungen.php'>Nutzerbedingungen</a>  ";
  5. 	echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."datenschutz.php'>Datenschutz</a> ";
  6. 	echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."faq.php'>Hilfe</a> ";
  7. 	echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."contact.php'>Kontakt</a> ";
  8. 	echo "<img src='".THEME."images/bullet_footer.png'> <a href='".BASEDIR."imprint.php'>Impressum</a>";
  9. echo "</td>\n";
  10. echo "</tr>\n";
  11. echo "<tr>\n";
  12. echo "<td class='footer' valign='top'>";
  13. 	echo "<div id='teil1'>\n";
  14. 		echo "<a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='src='".IMAGES."Bild_Material/up-hover.png' onmouseout='src='".IMAGES."Bild_Material/up.png'></a>\n";
  15. 	echo "</div>";
  16. 	echo "<div id='teil2'>\n";
  17. 		echo stripslashes($settings['footer']);
  18. 	echo "\n</div>";
  19.         echo "<div id='teil3'>\n";
  20. 		echo "<a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='src='".IMAGES."Bild_Material/up-hover.png' onmouseout='src='".IMAGES."Bild_Material/up.png'></a>\n";
  21. 	echo "</div>";
  22. echo "</td>";
  23. echo "</tr>\n";
  24. if (!$license) {
  25. 	echo "<tr>\n";
  26. 	echo "<td align='middle' class='main-footer'>\n".showcopyright()."</td>\n";
  27.         echo "</tr>\n";
  28. }
  29. echo "</table>\n";
  30.  
  31. if (function_exists("add_to_footer")) {
  32. add_to_footer("
  33. <!-- Scroll to Top Javascript -->
  34. <script type='text/javascript'>
  35. $(document).ready(function() {
  36. 	$('a[href=#top]').click(function(){
  37. 		$('html, body').animate({scrollTop:0}, 'slow');
  38. 		return false;
  39. 	});
  40. }); 
  41. </script>\n");
  42. }
gewandelt in 0.016 Sekunden, benutzt wurde GeSHi 1.0.8.10
Liebe Grüße, euer David.


Aktiver PHP-Fusion Nutzer seit 3. September 2006
--------------------------------------------------------
PHP-Fusion Österreich Seitenbetreiber.
Beiträge: 434 
http://www.php-fusion.at/ 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 20:51
 #26 Beitrag drucken Top
Nun erhalte ich eine Weiße Seite.
Beiträge: 577 
http://4friends.mod-rescue.de 
Benutzeravatar

Seiten Administrator


David Geschrieben am 05.08.2012 um 21:13
 #27 Beitrag drucken Top
Dann hast du ihn wohl fehlerhaft eingefügt, hänge mal deine theme.php an Wink.
Liebe Grüße, euer David.


Aktiver PHP-Fusion Nutzer seit 3. September 2006
--------------------------------------------------------
PHP-Fusion Österreich Seitenbetreiber.
Beiträge: 434 
http://www.php-fusion.at/ 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 21:21
 #28 Beitrag drucken Top
Hm eigentlich nicht aber im Anhang die theme.php
Paramedic hat folgende Datei angehängt:  theme_4.rar [4.33kB / 1193 mal Heruntergeladen]
Beiträge: 577 
http://4friends.mod-rescue.de 
Benutzeravatar

Seiten Administrator


David Geschrieben am 05.08.2012 um 21:40
 #29 Beitrag drucken Top
Direkt nach folgenden:
Download Code  GeSHi: PHP
  1.     if (function_exists("add_to_footer")) {
  2.     add_to_footer("
  3.     <!-- Scroll to Top Javascript -->
  4.     <script type='text/javascript'>
  5.     $(document).ready(function() {
  6.     $('a[href=#top]').click(function(){
  7.     $('html, body').animate({scrollTop:0}, 'slow');
  8.     return false;
  9.     });
  10.     });
  11.     </script>\n");
  12.     }
gewandelt in 0.006 Sekunden, benutzt wurde GeSHi 1.0.8.10


Gehört folgendes eingefügt:
Download Code  GeSHi: PHP
  1. }
gewandelt in 0.006 Sekunden, benutzt wurde GeSHi 1.0.8.10
Liebe Grüße, euer David.


Aktiver PHP-Fusion Nutzer seit 3. September 2006
--------------------------------------------------------
PHP-Fusion Österreich Seitenbetreiber.
Beiträge: 434 
http://www.php-fusion.at/ 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 21:47
 #30 Beitrag drucken Top
Achsoooo ...
Auch hier leider keine Änderung

Liveansicht: http://4friends.mod-rescue.de
Beiträge: 577 
http://4friends.mod-rescue.de 
Benutzeravatar

Senior Mitglied


Ragdoll Geschrieben am 05.08.2012 um 22:00
 #31 Beitrag drucken Top
Machn großes div um die 3 drumrum? ö.ö und erst dann links mitte rechts
Beiträge: 225 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 22:03
 #32 Beitrag drucken Top
und wie sollte dieses "größere" div aussehen ?

Es gibt versch. Ausfürungen von divs aber nur sagen nen größeres drum herum machen hilft echt kein Stück weiter -.-
Beiträge: 577 
http://4friends.mod-rescue.de 
Benutzeravatar

Veteran Mitglied


Janilein Geschrieben am 05.08.2012 um 22:06
 #33 Beitrag drucken Top
So das mit dem div's als beispiel:

Code Download Code  

<div id="bottom">



    <div class="block1" align="left">Links</div>



    <div class="block2">Rechts</div>



    <div class="block3">Mitte</div>





</div>


Hier die zum Beispiel passende css
Code Download Code  

#bottom { background:Transparent; width:940px; margin:0 auto; padding:0 20px;}

#bottom .block1 { width:260px; padding:20px 20px 20px 0; height:254px; float:left;}

#bottom .block2 {width:260px; padding:20px 0 20px 60px; height:254px; float:right; }

#bottom .block3 {margin:0 310px 0 300px; padding:20px 0 20px; height:254px;border: 1px solid #5a5a5a; border-width: 0 1px;}


Natürlich musst du es auf deine Seite anpassen, dazu gehört natürlich auch das du entsprechend evtl die anderen werte mit ändern musst.
traumkamera.de/logo/traumlogo.jpg
Beiträge: 521 
http://themes.lewitzgalerie.de 
Benutzeravatar

Senior Mitglied


Ragdoll Geschrieben am 05.08.2012 um 22:13
 #34 Beitrag drucken Top
Eben und sowas gibts zu MASS in GOOGLE Grin
Beiträge: 225 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 22:15
 #35 Beitrag drucken Top
Naja aber das läuft auch wieder auf das selbe hinaus .. ich habe das eben geändert auch in der css so angepasst es bleibt gleich ?

das scheint mir so als ob die theme die css classen nicht erkennt ... O.o es echt komisch
Beiträge: 577 
http://4friends.mod-rescue.de 
Benutzeravatar

Veteran Mitglied


Janilein Geschrieben am 05.08.2012 um 22:18
 #36 Beitrag drucken Top
Sorry aber dann machst DU etwas falsch, der von mir genannte Quellcode funktioniert 100% wie du ja hier an unserer Seite siehst.

Und da du anscheinend das nicht hinbekommst mit den Div, mach das ganze mit ner Tabelle
traumkamera.de/logo/traumlogo.jpg
Beiträge: 521 
http://themes.lewitzgalerie.de 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 22:21
 #37 Beitrag drucken Top
Ich glaube nicht das ich was Falsch mache denn ich mache das so wie es mir geschrieben wird O.o

Mit einer Tabelle kann ich das nicht machen da ich sonst den kompletten Footer neu machen müsste ...

Egal

lassen wir das wie bekomme ich das onmouseover nun hin ?
Beiträge: 577 
http://4friends.mod-rescue.de 
Benutzeravatar

Veteran Mitglied


Janilein Geschrieben am 05.08.2012 um 22:23
 #38 Beitrag drucken Top

Zitat

Mit einer Tabelle kann ich das nicht machen da ich sonst den kompletten Footer neu machen müsste ...



Ach und warum das?
traumkamera.de/logo/traumlogo.jpg
Beiträge: 521 
http://themes.lewitzgalerie.de 
Benutzeravatar

Senior Mitglied


Ragdoll Geschrieben am 05.08.2012 um 22:24
 #39 Beitrag drucken Top
Son quark. Du kannst selbst in EINEM <td></td> ne komplette tabelle einbauen ö.Ö

Zusammengefügt am 05. August 2012 um 22:24:52:
Lad dir einfach mal adobe Dreamweaver Smile
Bearbeitet von Ragdoll am 05.08.2012 um 22:24
Beiträge: 225 
Benutzeravatar

Veteran Mitglied


Paramedic Geschrieben am 05.08.2012 um 22:27
 #40 Beitrag drucken Top
Nee, weil der Chrissi hat ja sowas gepostet das war so auch richtig allerdings wurden die zwei weiteren spalten in "Grau" angezeigt ... hatte iwo nen bild gepostet
Beiträge: 577 
http://4friends.mod-rescue.de 
Seite 2 von 4: 1234
Springe ins Forum:
Anzeige


Anmelden

Registrieren Passwort vergessen

RSS Feeds

Feeds abonieren

Letzte News
Letzte Threads
Anzeige

PHP-fusion.at - Offizielle Supportseite für Österreich.

Allgemeines

Partnerseiten

Downloads

Besucher

Avatar Avatar Avatar Avatar Avatar Avatar Avatar Avatar Avatar

© Copyright 2024 PHP-Fusion.at | Alle Rechte vorbehalten.

© 2016 Real Space. All rights reserved | Design by W3layouts | 19,810,495 eindeutige Besuche
Powered by PHP-Fusion copyright © 2002 - 2024 by Nick Jones. Released as free software without warranties under GNU Affero GPL v3.