Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.02.2012 um 15:43 (UTC)    
Titel: Button mit eigener Schriftart

Hallo
vielleicht kann mir jemand helfen...
kann mir jemand sagen ob es möglich ist einen Button einzufügen der praktisch fix und fertig ist mit Text? Mir geht es um eine schönere Schriftart als die angebotenen Standardschriften... Wenn man natürlich die Schrift ändert kann es nicht jeder in dieser Schrift sehen... Deshalb habe ich mir gedacht ob es möglich ist die Buttons einzeln bzw so einzufügen dass sie als Bild dort mit Schrift fertig sind meine Güte weiss nicht wie ich das beschreiben soll hoffentlich verständlich... Muss ich dafür ein CSS-Design wählen oder geht es auch mit HTML?
Danke und liebe Grüße
Beitrag22.02.2012 um 15:55 (UTC)    
Titel:

Schau mal, ob es mit diesem HTML-Code hinhaut:
Code:
<button name="BUTTON_NAME" type="submit" value="BUTTON_WERT"> <img src="BILD_URL" alt=""></button>

______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5
Beitrag22.02.2012 um 20:47 (UTC)    
Titel:

Hallo,

was dein Schriftartproblem angeht empfehle ich dir:
http://www.google.com/webfonts
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag23.02.2012 um 19:00 (UTC)    
Titel: danke dies habe ich auch gesucht

wie funktioniert es mit dem google? und die obengenannte lösung funktioniert bei mir nicht... Sad kann mir jemand sagen wie ich die buttons einzeln fertig in den html code einfügen kann praktisch entwerfe ich jeden Einzeln mit Schrift und möchte diese dann auch hochladen...
Beitrag23.02.2012 um 20:05 (UTC)    
Titel: Re: danke dies habe ich auch gesucht

coolmotion hat Folgendes geschrieben:
wie funktioniert es mit dem google?

Kannst du lesen?
Was ist so schwer daran sich einfach durchzuklicken? Besser erklären als google selbst kann ich es auch nicht.

Was dein button Problem anmgeht, kann es sein, dass du die Navigation meinst?
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 23.02.2012, 21:06, insgesamt 2-mal bearbeitet
Beitrag23.02.2012 um 21:29 (UTC)    
Titel: danke...

selbstverständlich kann ich lesen...

allerdings blick ich halt nicht durch und bin kein Profi deswegen drücke ich mein Problem wohl etwas falsch aus...

Genau ich meine die Navigation...

Die googleSeite zeigt mir viele Schriften aber da ist doch nichts beschrieben wie ich diese in die Navigation bekomme oder?

tut mir leid ich bin nun mal blutiger Anfänger aber wenn meine Frage zu kompliziert gestellt ist verstehe ich dies auch....

Ich hätte gerne eine schöne Schriftart in der Navigation weiss aber nicht wie und wo ich dies in meinem Text einbauen soll oder wie ich dies verändern kann sodass sie auch überall sichtbar ist.
Beitrag23.02.2012 um 22:06 (UTC)    
Titel: Re: danke...

coolmotion hat Folgendes geschrieben:
Die googleSeite zeigt mir viele Schriften aber da ist doch nichts beschrieben wie ich diese in die Navigation bekomme oder?

Na das ist ja jetzt eine ganz andere Frage als vorhin. Wink

Wenn du einfach nur fragst, wie funktioniert das bei google und ich habe vorher ein Link gepostet, in dem alles erklärt ist, sieht das für mich so aus, als hättest du dir den Link gar nicht richtig angeschaut und möchtest einfach nur, dass wir dir den fertigen Code geben.

Nachdem du die Schriftart auf deiner HP eingebunden hast kannst du die Schriftart deiner Menüpunkte über die CSS font-family Eigenschaft ändern. Deine Menülinks haben die Klasse menu:
Zitat:
a.menu{
font-family:XXXXX;
}

Die XXXXX ersetzt du mit dem Namen deiner Schrift.
Einbinden tust du das dann bei deinem restlichen CSS Code, zwischen den Styletags <style type="text/css"> und </style>
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 23.02.2012, 23:12, insgesamt einmal bearbeitet
Beitrag25.02.2012 um 19:59 (UTC)    
Titel: hallo,

also es tut mir ja echt leid aber ich stelle mich wohl wirklich megablöd an... alles hab ich hinbekommen aber an meiner Wunschschrift bei der Navigation und HP scheiter ich wohl komplett trotz guter Erklärungen...

Hier der CSS Code

body {
background-image: url('http://img.webme.com/pic/e/endlessk/back1ne3.png');
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #1f1f1f;
font-family: 'Shadows Into Light Two', cursive;
font-size: 12px;
text-align: center;
}

a {
color: #ff00ff;
}
/* Container */

#des {
width: 921px;
margin: 0 auto;
text-align: left;

background-image: url('http://img.webme.com/pic/e/endlessk/wasserfall.png');
background-repeat: repeat-y;
border: 1px solid #ccc;
}

#unten {
clear: both;
}


#title { display:none; }

/* Header */

#header_container {
height: 150px; /* Höhe des Headers */
background-image: url('http://img.webme.com/pic/e/endlessk/headerkiss.png');

}

#pre_header, #post_header {
display: none; /* entfernt nicht genutzte Klassen */
}

#header {
margin: 0px;
padding-left: 400px;
padding-top: 50px;
color: #8ea740;
font-family: serif;
display:none;
}



/* Navigation */



#nav_container {
float: left;

width: 200px;
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
background-repeat: repeat-y;
font-family: 'Shadows Into Light Two', cursive;
font-size:18px;
}



#nav {
padding: 0;
margin: 10;

}

#nav li {
list-style-type: none;
line-height: 28px;
text-align: center;
display: block;

height: 28px;
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
}

#nav li:hover {
background-image: url('http://img.webme.com/pic/e/endlessk/button3.png');
}
#nav li:active{
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
}
#nav li.subpage {
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
padding-left: 25px;
}

#nav a {
text-decoration: none;

}

#nav a:hover {
color: #ccc;
}

#nav a:active{
color:#ff00ff;
}


/* Content */

#content_container {
float: left;
width: 699px;
color: #ff00ff;
}

#content {
padding: 15px;
}




#counter, #sidebar_container {
display: none;
}

td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }
</div>


Schrift von der Googleseite hab ich mir rausgesucht ... dass ist die hier

http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Shadows+Into+Light+Two

so den Namen der schrift hab ich bei den fonts im Css-Code geändert aber wo in diesem Code und wie muss ich die Schrift einbinden etwa mit dem vorgeschlagenen Text der google seite also dem hier?

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>

Wenn ja wo muss der rein?

Vielen Vielen Dank im Voraus und tut mir leid für meine wahrscheinlich megablöden Fragen Very HappyD
Beitrag25.02.2012 um 20:26 (UTC)    
Titel:

Das ist keine megablödefrage, im Gegenteil. Man sieht, dass du dich bemühst. Very Happy

Code:
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>

Das musst du im Headbereich einfügen. Da du das CSS Design verwendest, kannst du indirekt auf den Headbereich zugreifen.

Alles was bei CSS Code ohne styletags steht, steht im Headbereich. Allerdings zwischen styletags. Um das zu verhindern schreibst du als erstes in dieses Feld folgendes:
Code:
//-->
</style>

Damit wird der bereits vorhandene Styletag geschlossen.

Anschliessend kannst du die Schrift einfügen:
Zitat:
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>

Jetzt muss der Styletag aber wieder geöffnet werden_
Zitat:
<style type="text/css">
<!--

Dein kompletter CSS Code, darf erst danach folgen!
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag26.02.2012 um 18:50 (UTC)    
Titel: aaaaahhhhhh

ich bin überglücklich dankeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee hat funktioniert SUUUUUPER!!!!!!!!!!!!!!!!!!!!!
Beitrag26.02.2012 um 19:00 (UTC)    
Titel:

Vielen Dank für die Rückmeldung und vielen Dank an o-4-n fürs Helfen!

-CLOSED-, da erledigt

mfg philipp
______________
Forenregeln, FAQ, Suchfunktion
Beiträge der letzten Zeit anzeigen:   


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