Suche im Forum:
Suchen


Autor Nachricht
Beitrag03.07.2015 um 11:31 (UTC)    
Titel:

Moin zusammen,

vielen Dank für die hilfreichen Codes! Ich würde gerne die Begrenzung der Logo-Höhe aufheben bzw. vergrößern. Das Logo wird momentan auf max. 50 Pixel Höhe begrenzt durch:

Element {
max-height: 50px;
}

Dies würde ich gerne entfernen. Wenn ich in Chrome den Code in der Vorschau bearbeite (mit Element untersuchen) und den Haken dort bei max-height entferne, bekommt das Logo genau die Größe, die es später haben soll. Ich habe diverse Codes versucht (eine höhere Pixelzahl eingetragen, display:none versucht, die Logo-Klasse selbst anzusprechen), bin jedoch zu keinem Ergebnis gekommen.

Es geht um diese Testseite von mir: http://jenssonntag.de.tl/

Jemand eine Idee? Vielen Dank! Very Happy

LG, Jens


Zuletzt bearbeitet von jens-sonntag am 03.07.2015, 12:33, insgesamt einmal bearbeitet
Beitrag03.07.2015 um 19:01 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:


Code:

/* Header */
.header { background-color: #c0c0c0;
border-bottom: 2px solid #eaeaea;}




gruss gringo


ups - was ist jetzt los: habe das hier bei mir eingefügt:

/* Header */
.header { background-color: #a5d5f4;
border-bottom: 2px solid #a5d5f4;}

und der Hintergrund sollte demnach eigentlich hellblau erscheinen, bleibt aber rot Rolling Eyes Question
Beitrag03.07.2015 um 21:56 (UTC)    
Titel:

schau mal, ob du im headbereich oder umgekehrt, bei text über dem design, noch codes drin hast.

Code:
<style type="text/css">
.header {
    background-color: red;
    border-bottom: 1px solid #eaeaea;
}
</style>


das ist nämlich zusätzlich im quellcode deiner seite Wink

Idea tip: schau dir meinen code nochmals an. es stehen neue sachen zum ändern drin.

das hier fällt nun raus, ein anderer code ist dafür drin. du findest ihn schon:

Code:
  /* Titel Slider Textfarbe und Hintergrundfarbe (ohne Hintergrund Transparent eingeben ohne # */
.default_bg {color: #ffffff; !important; background-color: #a5d5f4; !important; }


Zuletzt bearbeitet von 6p-iceblue am 04.07.2015, 01:06, insgesamt 4-mal bearbeitet
Beitrag04.07.2015 um 01:12 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:
schau mal, ob du im headbereich oder umgekehrt, bei text über dem design, noch codes drin hast.

gruss gringo


aaaaah - bei "Text unter dem Design" war er mit rot drin

dankeeee


Zuletzt bearbeitet von test-site-hpbk am 04.07.2015, 02:14, insgesamt einmal bearbeitet
Beitrag04.07.2015 um 19:20 (UTC)    
Titel:

Hier nochmals der bislang gesammelte code zum verändern des designs professional, sowie tips zur gestaltung:

http://6p-test.de.tl/

es fehlen nur noch 3 kleinigkeiten, dann ist das komplette design änderbar.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 04.07.2015, 20:25, insgesamt einmal bearbeitet
Beitrag06.07.2015 um 21:20 (UTC)    
Titel:

Hallo zusammen,

noch mal ein kurzes Feedback:

Die Höhe des Logos lässt sich doch vergrößern, bzw. die Begrenzung auf 50 Pixel ausschalten. Wenn also ein Logo verwendet werden soll, das höher als 50 Pixel ist, muss folgender Code eingefügt werden:

#logo {
max-height: none !important;
}

Wenn man !important; verwendet, darf vorher kein Semikolon kommen, daher hatte der Befehl nicht funktioniert.

Viele Grüße,

Jens Wink
Beitrag07.07.2015 um 21:32 (UTC)    
Titel:

es ist geschafft. es ist gelungen so ziemlich das gesamte design professional zu zerlegen (getestet mit dem internetexplorer 11).

nun könnt ihr es ganz leicht nach euren wünschen anpassen. die obere navi ist nun auch überarbeitet. ihr könnt es euch mal hier ansehen:

http://6p-test.de.tl

dort findet ihr auch ein paar wichtige Tips zur Gestaltung (stehen nun auch hier unten).

geht mal mit der maus auf seite 2. nun habt ihr sogar den hovereffekt der navibuttons nicht im weiss wie vorher, sondern gebt die farbe die ihr möchtet. ausserdem könnt ihr nun die schriftgrösse selbst bestimmen. auch links beim slider sind die titel oder textbereiche bearbeitet. wer den hintergrund dort farbig möchte, ersetzt im code
Zitat:
background-color: Transparent
mit
Zitat:
background-color: #ff0000
oder anderen farbton.

es ist zwingend notwendig den code der schriften so in der reihenfolge stehen zu lassen, sonst wirkt der ein oder andere farbcode und die schriftgrösse nicht.

die schrift ist meist abhängig von der schriftart-reihenfolge. was zuerst steht, wird übernommen.

um den code zu bearbeiten, macht es bitte auf diese art:

http://6p-iceblue.de.tl/Code-speichern.htm

hebt euch euren code auf und kopiert die textdatei vorher, wenn ihr ihn bearbeiten wollt. wer sachen möchte, die im code entfernt sind, entfernt sie aus dem code (Copyright, Seitentitel, rechte Animation).

der code wird beim design professional "Text unter dem Design" eingefügt.

Code:
<style type="text/css">
 <!--

 /* Navigationsschrift und Hintergrund, Farbe in den Einstellungen anpassen */
.navbar-default .navbar-nav > li > a {font-size: 11px !important;background: none !important
;border: none !important;text-decoration:none;}

 /* Navigationsschrift Hovereffekt */
.navbar-default .navbar-nav > li > a:hover {font-size: 11px !important;background: none !important;text-decoration:underline;}

 /* Dropdownmenü */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus{font-size: 13px !important;background-color: #c0c0c0;}

/* Seitentitel entfernen */
.title {display: none;}

/* Textgröße + Textfarben Seiteninhalte */
 td, div {
     font-size: 13px;
     font-family: tahoma,comic sans ms;arial;verdana;
     color: #000000;}

 /* Linkfarben + Größen auf Seiten */
 a:link {
 color:#003300;
 font-size:13px;
 font-family:tahoma,comic sans ms;arial,verdana;
 text-decoration:underline;}

 /*Hover-Effekt bei Links*/
 a:hover{
 color:#003300;
 font-size:13px;
 font-family:tahoma,comic sans ms;arial,verdana;
 text-decoration:underline;}
   
 /* besuchte Links */
 a:visited {
 color:#003300;
 font-size:13px;
 font-family:tahoma,comic sans ms;arial,verdana;
 text-decoration:underline;}

 /* Copyright ausblenden */
 .col-md-6 p {display:none;}

 /* Textfeldmitte */
.page-top {background: #c0c0c0;
border-bottom: 2px solid #eaeaea;}


/* Header */
.header { background-color: #c0c0c0;
border-bottom: 2px solid #eaeaea;}

 /* Footer */
.footer { background-color: #c0c0c0;
border-bottom: 2px solid #eaeaea;}

 /* Subfooter */
.subfooter { background-color: #000000;
border-bottom: 2px solid #eaeaea;}

 /* Titel Slider Textfarbe und Hintergrundfarbe */
.tp-caption  {color: #ff0000; !important; background-color: Transparent; border:none !important; }

 /* Seitenteile des Gästebuches, wie Textfeldmitte anpassen */
tbody { background-color: #c0c0c0; !important;  }

/* Werbung Footer, unsichtbar machen führt zur Löschung der HP */
#webme_footer_textlink_dont_hide 
{color: #880000; background-color: #000000;}

/* Rechte Animation ausschalten */
.tp-caption img { display: none; }

/* Pfeil zum Seitenanfang*/
 .scrollToTop { background-color: Transparent;color: #800000;}
-->
 </style>


Tips zur Gestaltung:

Die Titel im Caroussell würde ich weg lassen. Der Abstand zum Text darunter ist einfach zu hoch. Stattdessen empfehle ich folgenden Code im Textbereich des Caroussells:

Code:
<span style="color: #c0c0c0;font-size:18px; ">Text des Titels oder des Textes im Carousell</span>


Jede Zeile kann dann individuell farbig und von der Schrifthöhe angefertigt werden. Die Überschrift, also obere Zeile, einfach 4 Pixel höher machen. Somit habt ihr einen besseren Abstand zum Slidertext.


Verlinkte Bilder in den unteren Boxen bekommen diesen Code:

Code:
<a href="http://www.thebaboons.be" target="_blank"><img src="http://img.webme.com/pic/6/6p-hits/baboones.png" alt="Bildname" /></a>


Ein verlinkter Text in den unteren Boxen, Titel und Text im Carousell bekommt diesen Code:

Code:
<a href="http://6p-iceblue.de.tl" target="_blank"><span style="color: #80000;font-size:13px; ">Ein verlinkter Text</span></a>


Ein normaler Text in den unteren Boxen, Slogan, Titel und Text im Carousell bekommt diesen Code:

Code:
<span style="color: #c0c0c0;font-size:18px; ">Das ist dann der Text</span>



Es ist auch möglich die Bereiche mit Bildern zu versehen. Nehmt dazu ein ansatzfreies Bild. Ich hab nun ein dunkelgraues Bild mit Nebeleffekt oben und unten eingesetzt (Header und Subfooter). Breite 4000 und Höhe 600. Damit seid ihr beim scrollen auf der sicheren Seite.Die Buttons der Unterseiten haben auch diesen Hintergrund. Hier ein Beispiel der Codeänderung im Textfeld. Dort habe ich den Hintergrund mit etwas Struktur versehen. Und so habe ich den Code erweitert:

Zitat:
/* Textfeldmitte */
.page-top {background-image:url(http://img.webme.com/pic/6/6p-test/propapierheader.png)!important;background: #c0c0c0;
border-bottom: 1px solid #99CCFF;}



es wäre nett, wenn das mal mittels smartphone überprüft wird. ich besitze leider (oder zum glück) keins.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 16.07.2015, 04:31, insgesamt 14-mal bearbeitet
Beitrag08.07.2015 um 03:14 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:
es ist geschafft. es ist mir gelungen so ziemlich das gesamte design professional zu zerlegen (getestet mit dem internetexplorer 11).

nun könnt ihr es ganz leicht nach euren wünschen anpassen. die obere navi ist nun auch überarbeitet. ihr könnt es euch mal hier ansehen:

http://6p-test.de.tl

dort findet ihr auch ein paar wichtige Tips zur Gestaltung.
.
.
.


gruss gringo


toll, super - danke an Gringo
Beitrag10.07.2015 um 07:31 (UTC)    
Titel:

Welche Größe muss ein Hintergrundbild im Carousell haben?

Ich bekomme es einfach nicht hin, ein schlichtes weißes Hintergrundbild
zu benutzen. Die Seite lädt dann immer ewig und es geht nicht voran.
Beitrag10.07.2015 um 09:11 (UTC)    
Titel:

Hi!
Ich habe 1200x450 Pixel genommen und es funktioniert ganz gut.

Gruß von der Wollefee
Beitrag10.07.2015 um 09:28 (UTC)    
Titel:

Danke Smile

ich habe es mittlerweile geschafft... allerdings nutze ich jetzt eine png.-datei, statt eines jpgs.
Beitrag10.07.2015 um 11:49 (UTC)    
Titel: Professional/Carousell

Hi Leute,

ist es möglich beim Carousell evtl das Hintergrundbild oder den Text zu verlinken?

Danke im Vorraus
Gruß
Beitrag10.07.2015 um 18:22 (UTC)    
Titel: Re: Professional/Carousell

sveitech hat Folgendes geschrieben:
Hi Leute,

ist es möglich beim Carousell evtl das Hintergrundbild oder den Text zu verlinken?

Danke im Vorraus
Gruß



das wäre wirklich wünschenswert Smile
Beitrag10.07.2015 um 22:15 (UTC)    
Titel:

Kann man doch...

Einfach auf Carousell editieren, und diesen Code hier eingeben in den gewünschten Seiten-Titel eingeben:

<a href="Hier die url eingeben!">Hier ein Text zum Link eingeben</a>

Fablich müsste man es dann wiederum so machen können:

<span style="color:#Hier gewünschte Farbnummer eingeben!"></span>

...auch die Größen der Titeln des Corousell kann man mit "span" sehr gut bearbeiten!.

Liebe Grüße, Patrick


Zuletzt bearbeitet von MyHeimseite am 10.07.2015, 23:22, insgesamt einmal bearbeitet
Beitrag11.07.2015 um 07:15 (UTC)    
Titel:

ich hatte solchen code schon gepostet:

Code:
<a href="http://6p-iceblue.de.tl" target="_blank"><span style="color: #80000;font-size:13px; ">Ein verlinkter Text</span></a>
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de