Du bist nicht angemeldet. [Anmelden]
Übersicht der Foren        Kalender     Hilfe   Forumsknigge
Knuddels.de-Forum » Das Forum » Archive » Hilfe & Fragen zur Knuddels-HP »

Fragen zum Design usw.
Optionen
Thema bewerten
Fragen zum Design usw. - #1991534 - 06.05.2010, 04:17:39
undertaker-fan99
Nicht registriert


Erste Frage: Wie kann Ich die Codes für 'Mittig Schreiben' und 'Schriftgröße' zusammen tun? So das Ich beides Gleichzeitig habe?

Und dann noch, weiß vielleicht jemand wo man den Link von dem Style findet? Also das Hintergrundbild:
http://hp.knuddels.de/homepages/knuddels.de/hp/184/sanni_the_rainbow.html?t=ha


UND wie kann man Bilder Mittig in die HP einfügen? Danke für Antworten! :-D

[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991540 - 06.05.2010, 05:00:32
fresh-squeezed
Nicht registriert


Antwort auf: undertaker-fan99
Erste Frage: Wie kann Ich die Codes für 'Mittig Schreiben' und 'Schriftgröße' zusammen tun? So das Ich beides Gleichzeitig habe?

Und dann noch, weiß vielleicht jemand wo man den Link von dem Style findet? Also das Hintergrundbild:
http://hp.knuddels.de/homepages/knuddels.de/hp/184/sanni_the_rainbow.html?t=ha


UND wie kann man Bilder Mittig in die HP einfügen? Danke für Antworten! :-D


Wenn du die gesamte Seite mittig und in einer Farbe haben willst, dann:


Html:
<body style="color: #FARBCODE; text-align: center;">Inhalt der Seite</body>


Beachte dabei, dass du das body-tag ans' Ende der Seite setzt.

Wenn du nur einen Absatz mittig und in einer Farbe haben willst:

Html:
<p style="color: #FARBCODE; text-align: centert;">Inhalt des Absatzes</p>


Wenn du nichts von den beiden haben willst, dann lös es am besten, indem du zwei verschiedene Befehle nimmst, auch wenn du nur einen zusammen haben wolltest:

Html:
<center><font color="#FARBCODE">Inhalt</font></center>



Das Hintergrundbild findest du hier: http://i39.tinypic.com/fbibnk.jpg
Einfach die URL oben in das Hintergrundkästchen beim Editor der Knuddels-HP einfügen.

Ein Bild mittig machst du am Besten und Einfachsten mit:

Html:
<center><img src="URLDESBILDES"/></center>


Tipp: Wenn du was mittig haben willst, dann setze einfach ein <center> davor und nach den mittigen Inhalt ein </center>. So geht es am einfachsten und es ist auch für die kommenden Male leicht zu merken.


Bearbeitet von fresh-squeezed (06.05.2010, 05:02:05)
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991542 - 06.05.2010, 05:09:46
DoUgHbOyS
Nicht registriert


Antwort auf: fresh-squeezed
<body style="color: #FARBCODE; text-align: center;">Inhalt der Seite</body>


Warum es mit dem body zusammenfuegen?
Html:
<font style="font-family: 'Schriftart'; font-size: 10pt; color: #Farbe; text-align: center;">Text</font>

font-size: 10pt; kann natuerlich angepasst werden. 10pt ist lediglich eine Standart, oder sozusagen normale groesse, in meiner Sichtweise.

Antwort auf: fresh-squeezed
Wenn du nur einen Absatz mittig und in einer Farbe haben willst:

<p style="color: #FARBCODE; text-align: centert;">Inhalt des Absatzes</p>


Mal zum Thema schlechte Beitraege, und Forumulation, die du ja anscheinend abstreitest, dafuer aber andere darauf hinweisen moechtest:
<p style="color: #FARBCODE; text-align: centert;"> Inhalt des Absatzes</p>.
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991547 - 06.05.2010, 05:24:42
fresh-squeezed
Nicht registriert


Antwort auf: DoUgHbOyS
Warum es mit dem body zusammenfuegen?


Falls er die gesamte Seite mittig und in einer Farbe haben will?

Html:
<font style="font-family: 'Schriftart'; font-size: 10pt; color: #Farbe; text-align: center;">Text</font>


Funktioniert hier nicht. -hust-
bzw. der Teil mit dem text-align: center; nicht.

Danke für den Hinweis, dass ich mich auf meiner vertippt habe, wird wieder vorkommen, Kuss. <3

Ich weiß nicht, was wir für eine "Beziehung" in den letzten Beiträgen aufgebaut haben, aber es scheint eine unschöne zu sein.

- Ascher.


Bearbeitet von fresh-squeezed (06.05.2010, 05:25:08)
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991550 - 06.05.2010, 05:31:44
DoUgHbOyS
Nicht registriert


Antwort auf: fresh-squeezed
Falls er die gesamte Seite mittig und in einer Farbe haben will?


Darauf hat der TE ja nicht gefragt.

Antwort auf: fresh-squeezed

Html:
<font style="font-family: 'Schriftart'; font-size: 10pt; color: #Farbe; text-align: center;">Text</font>


Funktioniert hier nicht. -hust-
bzw. der Teil mit dem text-align: center; nicht.


Vielleicht nicht, wenn man was anderes vor hat.

[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991553 - 06.05.2010, 05:38:22
fresh-squeezed
Nicht registriert


Antwort auf: DoUgHbOyS
Darauf hat der TE ja nicht gefragt..


Falsch! Er sagte nicht, ob er es für einzelne Teile haben wollte oder für die gesamte Homepage, also hab ich ein wenig weitergedacht und ihm mehrere Möglichkeiten geboten. Und wenn er es für die gesamte Homepage haben möchte, ist die Lösung mit dem <body> wohl am besten. <3

- Ascher.
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991555 - 06.05.2010, 05:57:06
DoUgHbOyS
Nicht registriert


Antwort auf: fresh-squeezed
Falsch! Er sagte nicht, ob er es für einzelne Teile haben wollte oder für die gesamte Homepage, also hab ich ein wenig weitergedacht und ihm mehrere Möglichkeiten geboten.


Mal ganz ehrlich, es macht kein Sinn mit dir "Kritiker" zu diskutieren, bzw. rumzuzicken. Genau solche Leute, die meinen alles richtig zu tun, sind hier falsch. Zumindest habe ich wenigstens ein wenig Erfahrung gesammelt, bzw. mit deiner "Kritisierung", und/oder "Geruechte".

Auch bin ich mir jetzt sicher, in welchem Subforum das sogenannte "Posthunting" los ist - Plauderecke.
Schaue doch mal hier nach, und vergleiche deine Kritisierungen [1], [2], dann kannst du weiter kritisieren, und die Scherze die in deinem Auge Geruechte sind, fortfahren.



Bearbeitet von DoUgHbOyS (06.05.2010, 05:57:57)
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991707 - 06.05.2010, 14:29:34
undertaker-fan99
Nicht registriert


Danke für eure Antworten :)

Noch eine Frage. Wie bekommt man im Hintergrundbild so einen Rand hin wie dort den Hellblauen? Danke :)))

Und Ich würde den Text den Ich Mittig Schreibe, nicht nur gerne Farbig haben, sondern noch in Fett und in einer anderen Größe... (-:


Bearbeitet von undertaker-fan99 (06.05.2010, 14:34:00)
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991721 - 06.05.2010, 14:48:19
undertaker-fan99
Nicht registriert


http://hp.knuddels.de/homepages/knuddels.de/hp/74/a_piece_of_perfection.html

So sieht es Momentan aus nach dem Tipps, wie bekomme Ich jetzt bei den Bilder das Bild da neben weg und das "/> ?! :/ entschuldigt das Ich so viel Frage, aber Ich kenne mich nicht so Gut aus mit Homepage bearbeitung :s
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991752 - 06.05.2010, 15:18:19
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Vergiss mal bitte dieses Halbwissen, was dir hier vermittelt wird.
Es ist, obwohl es funktionieren mag, relativ umstaendlich und wird auf dauer muehselig fuer dich werden.

Html:
<style><!--

   body { text-align; center; border: 1.2em solid #7ac5cd }
  #page-wrap img { display: block; }

   /* textformatierungen */
   #page-wrap p { color: #f00; font-size: 110%; font-weight: bold }

 --></style>

Das sorgt dafuer, dass die Inhalte zentriert dargestellt werden, deine Schriftfarbe, -gewichtung & -groesse und zusaetzlich wird der Seite noch dieser komische Rahmen hinzugefuegt.

Jetzt solltest du nur alles was du auf deiner Homepage hast in einem Container umschliessen:
Html:
<div id="page-wrap"> DEIN INHALT ( Bilder, Text etc. ) </div>



Antwort auf: undertaker-fan99
http://hp.knuddels.de/homepages/knuddels.de/hp/74/a_piece_of_perfection.html

So sieht es Momentan aus nach dem Tipps, wie bekomme Ich jetzt bei den Bilder das Bild da neben weg und das "/> ?!

Liegt daran, dass du deine Bilder falsch einbindest.
So sieht's bei dir aus:
Warnung! Spoiler! (Langer Code)
Html:
 <img src="<a href="http://de.tinypic.com" target="_blank"><img src="http://i43.tinypic.com/n5mnw8.jpg" border="0" alt="Image and video hosting by TinyPic"></a>"/>

So sollte es aussehen:
Warnung! Spoiler! (Langer Code)
Html:
<a href="http://de.tinypic.com" target="_blank"><img src="http://i43.tinypic.com/n5mnw8.jpg" border="0" alt="Image and video hosting by TinyPic"></a>


Bearbeitet von Scnappi (06.05.2010, 17:04:33)
Bearbeitungsgrund: Code gespoilert, da Thread in die Breite gezogen.
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: huendchen] - #1991845 - 06.05.2010, 16:59:59
undertaker-fan99
Nicht registriert


Trotzdem ist das noch da, auch wenn Ich es so einbinde.

Also Ich habe dann nur noch die Fragen,

1) Wie bekommt man einen Rand um das Hintergrundbild wie bei dem Link bei meinem ersten Beitrag.

2) Wie Schreibt man Mittig, Fett und Farbig gleichzeitig?

3) Wie bekomme Ich nun diese Zeichen bei meinen Bilder weg, habe es so Eingebunden wie es über diesen Beitrag steht, ist immer noch so..
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991862 - 06.05.2010, 17:28:16
Scnappi
Nicht registriert


Zu 1.)
Das macht doch schon der Code, den huendchen ganz oben in seinem Beitrag für dich geschrieben hat.

Zu 2.)
Ist in dem Code von huendchen auch schon enthalten, deine Inhalte sehen so aus:
Html:
<div id="page-wrap">
    <p>Mein erster fetter, farbiger und mittiger Inhalt.</p>
    <p>Mein zweiter fetter, farbiger und mittiger Inhalt.</p>
    <p>usw.</p>
</div>


Zu 3.)
Du hast deine Bilder noch immer nicht so eingebunden. Ich lese in deinem Quelltext immernoch etwas von <img src="<a href= und das ist falsch und nicht so, wie oben beschrieben.


fresh-squeezed, auch wenn deine Lösung mit dem body funktionieren mag, ist sie semantisch völlig falsch. Ein kurzer Exkurs, wie die Knuddels-HP aufgebaut ist:

Html:
<html>
<head>
    <title>NICK's HP</title>
</head>
<body>
    {Topleiste}

    {Werbung}

    {Ueberschrift und GB-Link}

    {Inhalte, die der HP-Besitzer verändern kann - hier landet der Code}

    {Disclaimer und Standardlinks}

</body>
</html>
Modell zum Aufbau der Knuddels-HP

Verwendet man nun in dem Bereich, wo der eigene Code landet, deine Lösung, so haben wir ein doppeltes body-Element, das es jedoch nur einmal auf der Seite geben darf. Wir haben einen Kopf und einen Körper. Im Körper kann man keinen neuen Körper entstehen lassen, denn eine Homepage wird äußerst selten schwanger. ;-)

Klar, man kann die Semantik außer Acht lassen, aber die Semantik ist eben die Grundlage der korrekten Sprachanwendung. Ich kann beispielsweise auf Deutsch sagen "Ich gehe morgen Kino". Man versteht zwar, was ich meine, aber korrekt wäre "Ich gehe morgen ins Kino". Exakt so ist es auch bei einer Homepage. Wenn du dem Browser durch dein HTML-Markup halbwegs richtige Sachen sagst, dann versteht er dich auch und tut, was du sagst, auch wenn es noch so falsch ist, wie du es gesagt hast. Richtig und effektiv genutzt hast du die Sprache nicht.

Und Alex, das font-Element, das übrigens veraltet ist, ist ein Inline-Element. Daher funktioniert auch die Zuweisung text-align nicht. Statt font nimmt man span - das gilt allerdings nur für Textgestaltungen innerhalb eines Block-Elements. Zur Ausrichtung ist in der Regel ein Paragraph ratsam, dem du die text-align zuweisen kannst. In ihm kann man dann auch das Inline-Element span benutzen.
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1991965 - 06.05.2010, 19:26:10
undertaker-fan99
Nicht registriert


Okay, habe nun alles so wie Ich es wollte.

Das einzigste wofür Ich scheinbar zu Blöd bin ist das mit dem Bilderlinks und so, ich habe <img src="<a href= aus dem Link gelöscht und es war noch Schlimmer ôo
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1992075 - 06.05.2010, 20:58:05
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Copy & Paste
Warnung! Spoiler!

Html:
<style><!--
  /* Rahmen & mittiger Text */
  body { background: url('http://i39.tinypic.com/fbibnk.jpg'); text-align; center; border: 1.2em solid #7ac5cd; text-align: center } 
  /* Keine Aufzaehlungszeichen bei den Listenpunkten */
  #page-wrap ul { list-style: none; }
  /* Abstand der einzelnen Listenpunkte zueinander */
  #page-wrap li { margin-top: 5em; }
  /* Korektur des ersten Aufzaehlungspunktes beim Abstand */
  #page-wrap li:first-child { margin-top: 1em } 

  /* Bitte loeschen wenn der Text wieder sichtbar werden soll */
  #page-wrap p { display: none } 

  /* textformatierungen */
  #page-wrap p { color: #f00; font-size: 110%; font-weight: bold }

  /*closeMe Button*/
  input { color: #fff; border: 1px solid #fff; font: 8pt Verdana; background: #000; margin: 1em 0 }

  /* Zeilenumbrueche */
  #page-wrap br { display: none; }
   
--></style>

<div id="page-wrap">
   <ul>
      <li>
         <a href="http://de.tinypic.com" target="_blank"><img src="http://i43.tinypic.com/n5mnw8.jpg" border="0" alt="Image"></a>
         <p>Mein Text</p>
      </li>
      <li>
         <a href="http://de.tinypic.com" target="_blank"><img src="http://i44.tinypic.com/34gsdix.jpg" border="0" alt="Image"></a>
         <p>Mein Text</p>
      </li>
      <li>
         <a href="http://de.tinypic.com" target="_blank"><img src="http://i41.tinypic.com/nboo61.jpg" border="0" alt="Image"></a>
         <p>Mein Text</p>
      </li>
      <li>
         <a href="http://de.tinypic.com" target="_blank"><img src="http://i43.tinypic.com/2rr9thf.jpg" border="0" alt="Image"></a>
         <p>Mein Text</p>
      </li>
      <li>
         <a href="http://de.tinypic.com" target="_blank"><img src="http://i40.tinypic.com/35b9jef.jpg" border="0" alt="Image"></a>
         <p>Mein Text</p>
      </li>
      <li>
         <a href="http://de.tinypic.com" target="_blank"><img src="http://i44.tinypic.com/2605udy.jpg" border="0" alt="Image"></a>
         <p>Mein Text</p>
      </li>
   </ul>
</div>

<input type="button" value="Close" onClick="window.close()">
<iframe src="http://www.youtube.com/watch?v=RQgyegvK1mY&playnext_from=TL&videos=kgAF5V1oDtw"
height="0" width="0" frameborder="0" scrolling="no"></iframe>

[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: huendchen] - #1992091 - 06.05.2010, 21:12:26
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Wie man, das mit den Bildern, korrigieren haette koennen:
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: huendchen] - #1992138 - 06.05.2010, 22:00:31
undertaker-fan99
Nicht registriert


Danke für die Arbeit, nur um zu Helfen (:

Sehr sehr Nett von euch allem, und huendchen dir besonders Danke, wegen dem Video etc. und der erklärung :)


Gibts eig. auch Codes wo man den Scroll balken weg machen kann? Und Werbung? :D
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: ] - #1992165 - 06.05.2010, 22:36:49
chrixix

Registriert: 25.10.2005
Beiträge: 12.620
Das Entfernen oder Übderdecken der Werbung ist auf Knuddels.de untersagt.
[zum Seitenanfang]  
Re: Fragen zum Design usw. [Re: chrixix] - #1992168 - 06.05.2010, 22:43:09
Scnappi
Nicht registriert


Den Scrollbar zu entfernen wäre auch unklug und ggf. ein Verstoß gegen die AGB, da je nach Auflösung ein Scrollen zu den unteren Standardinhalten (Haftungsausschluss usw.) nicht mehr möglich ist. Dann gelten diese Inhalte als entfernt / unkenntlich gemacht und die HP wird genauso wie bei der Entfernung der Werbung gesperrt.
[zum Seitenanfang]  


Markiere alles als gelesen
Forums-Kontakt · Knuddels - Chat / Chatroom · [zum Seitenanfang]