Button und Layout

Beitrag von **Kathrina** » Mi 28. Mär 2012, 15:05

Hallo,

ich möchte auch gerne mehrere Button neu auf der HP haben. Die zu machen ist kein Problem. Ich kriege hier nur die Krise, wie ich die transparent abspeichern kann. Welches Format (gif,png) sollen die üblicherweise haben und wie schaffe ich es dass das dann nicht so blöd nach dem Anklicken aussieht wie hier mit dem quadratischen Rand:

Beitrag von **moni** » Mi 28. Mär 2012, 20:34

Hallo Katharina.... wen du die transparent behalten willst da muss als PNG abspeichern... und das du dann bei hover kein HD hast da auch Background auf transparent gleich machen..auch kein Border ,,
bei Problemen da lasse hier das css von dein leiste ..kann mir dann anschauen

Beitrag von **Kathrina** » So 1. Apr 2012, 19:46

Hallo liebe Moni,

Ich habs jetzt geschafft meine Buttons sowohl als gif als auch als png transparent abzuspeichern. Aber weil die abgerundet sind, wird nach der Verlinkung die transparente Fläche noch immer sichtbar, wenn man draufklickt wie hier im Beispiel:

und das du dann bei hover kein HD hast da auch Background auf transparent gleich machen..auch kein Border ,,
bei Problemen da lasse hier das css von dein leiste ..kann mir dann anschauen

das hab ich nicht verstanden, kannst du ner Anfängerin das bitte erklären?

Beitrag von **moni** » So 1. Apr 2012, 20:00

hallo Katharina...lasse mir bitte das Skript von dein navi hier ..nur so kann ich dir weiter helfen...

Beitrag von **Kathrina** » Mo 2. Apr 2012, 11:35

Moni, ich glaube sowas hab ich nicht. Unter Homepageeinstellungen-Headerbereich? Da hab ich nur unten die Schrifteinstellungen, die mir Peter freundlicherweise geschrieben hat (zwischen <head> und </head>).

Oder meinst du das?

Standard 1

Beitrag von **moni** » Mo 2. Apr 2012, 12:37

Habe mir das quell Text angeschaut...du hast einen anpassbaren Design Katharina und in die navi leiste einen Button einzubauen da geht es nicht...seid dem du willst eine Navi in die Inhalt Bereich haben ...

der Peter hat dir die links und schrift festgelegt ind den header bereich

Code: Alles auswählen

h1 {
  font-family: Times New Roman;
  font-size: 24px;
  color: #000000;
}
h2 {
  font-family: Times New Roman;
  font-size: 20px;
  color: #000000;
}
body {
 font-family: Times New Roman;
 font-size: 16px;
 color:#000000;
 text-align: left;
}
a:link {
 font-family: Times New Roman;
 color:#111111;
 font-size:16px;
 text-decoration:underline;
}
a:visited {
 font-family: Times New Roman;
 color:#111111;
 font-size:16px;
 text-decoration:none;
}
a:active {
 font-family: Times New Roman;
 color:#111111;
 font-size:16px;
 text-decoration:none;
}
a:hover {
 font-family: Times New Roman;
 color:#696969;
 font-size:16px;
 text-decoration:underline;
}

udn es hat nichts mit dem was du macht zu tun
du schreibst

Moni, ich glaube sowas hab ich nicht.

nur frage mich wie haste das geschafft ohne dem skript oder code

hier deine vorige Nachricht

Kathrina hat geschrieben:Hallo liebe Moni,

Ich habs jetzt geschafft meine Buttons sowohl als gif als auch als png transparent abzuspeichern. Aber weil die abgerundet sind, wird nach der Verlinkung die transparente Fläche noch immer sichtbar, wenn man draufklickt wie hier im Beispiel:

und das du dann bei hover kein HD hast da auch Background auf transparent gleich machen..auch kein Border ,,
bei Problemen da lasse hier das css von dein leiste ..kann mir dann anschauen
das hab ich nicht verstanden, kannst du ner Anfängerin das bitte erklären?

...
soll die navi horizontal oder vertikal werden....???
kann dir später eine basteln ....

lasse mir nur die Buttons welche du haben möchtest ...

Beitrag von **moni** » Mo 2. Apr 2012, 16:39

Hallo Kathrina...

Habe gebastelt..soll etwa so deine Navi aussehen ? ?
http://blicke1.npage.de/_navi-katharina.html

man kann auch untereinander die Buttons machen....aber wie gesagt schon bei anpassbaren kannst nur in Inhalt Bereich sie einfügen ...

Beitrag von **Kathrina** » Mo 2. Apr 2012, 19:57

So, hab den ganzen Tag an diesen blöden Buttons rumgebastelt :JJ

Ich wollte entweder neben oder unter dem Updatebutton auf der ersten Seite zwei Verlinkungen machen auf tell a friend und Newsletter und die Serviceseite dafür einstampfen.
Also hier:

Hier hab ich die Button in der Hoffnung dass die jetzt richtig sichtbar sind:

Bild

Ein dritter Button könnte evtl. als Reserve da stehen, falls das besser aussieht?
______________________

Bild

dieser (Zurückbutton) muss dann auf die entsprechende tell a friend bzw. Newsletter Seite

Beitrag von **moni** » Mo 2. Apr 2012, 21:24

Hast du noch ein Button was nicht beschriftet ist Kathrina ?
Wenn du einen Button ohne Beschriftung hast ..da muss den dann nur hier wechseln....
solltes aber bei deinen beschrifteten Buttons bleiben wollen...da muss dir für jede Button eine extra Menü erstellen !!!
Diesen Code ist geeignet für einen Uni Button .. so ist echt viel einfacher weil du kannst so viele Link machen wie du willst !

Hier ist Code für die drei LINKS ..
diesen Code tust in den heder Bereich..dort wo die andere Sachen vom Peter schon drin sind !

Code: Alles auswählen

A.menulink:link, A.menulink:visited, A.menulink:active {
            display: block;
            width: 131px;
            height:46px;
            line-height:38px;
            margin-bottom: 2px;
            text-align: center;
            text-decoration: none;
            font-family: Comic Sans MS ,sans-serif;
            font-size: 22px;
            color:#000000;
            background-color:transparent;
            background-image: url(http://file1.npage.de/010642/27/bilder/button_tell_a_friend_rahmen_weiss_png.png);
            background-repeat: no-repeat;


    }
    A.menulink:hover {

            border-style: solid;
            border-width: 0px;
             color:#A10000;
            background-color:transparent
    }

und das tust an dein Willkommen Seite ,an die stelle wo die Button sein sollten

Code: Alles auswählen

<table align="left" border="0">
                                     <tbody>
                                     <tr>
                                      <tbody>
                                     <tr>
                                     <td><a class="menulink" href="#">Link</a></td></tr>
                                     <tr>
                                     <tr>
                                     <td><a class="menulink" href="#"></a></td></tr>
                                     <tr>
                                     <tr>
                                     <td><a class="menulink" href="#"></a></td></tr>
                                     <tr>


                                     </tr></tbody>
                                     </table>

Hoffe das ich nicht zu umständlich mich ausgedrückt habe und bei fragen Bitte laut Rufen !

Beitrag von **Kathrina** » Di 3. Apr 2012, 10:34

Hallo Moni, ja ich hab natürlich einen unbeschrifteten Button:

Bild

Ich nerve dich ja nur ungern aber ich hatte eben den ersten Code in den Headerbereich gepackt und den zweiten auf die gewünschte Seite (zur Probe in die Testhp). Danach kam nur noch dieses Bild wenn ich die HP aufgerufen habe

Der neue Text im Headerbereich bleibt auch schwarz

HomepageHelfer.org

Button und Layout

Button und Layout

Re: Button und Layout

Re: Button und Layout

Re: Button und Layout

Re: Button und Layout

Re: Button und Layout

Re: Button und Layout

Re: Button und Layout

Re: Button und Layout

Re: Button und Layout

Wer ist online?