ilch Forum » Allgemein » HTML, PHP, SQL,... » Schräge Buttons

Geschlossen
  1. #1
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    Hallo,

    ich möchte gerne ein Design von mir slicen und programieren, ist eigentluch kein Problem nur mit der navi haperts ein bischen.

    img.gfx-sector.de/img/1299785987_awyn.png

    So nun möchte ich die buttons einbinden, die kann ich aber nur rechteckig slicen und somit wäre auf jedem button ein kleines Stück des kreises zu sehen.

    Das ist mir aber nicht Professionell genug und möchte daher eine andere Lösung.

    Ich habe mal was von einer Image Map gehört. damit kann ich ja einen Bereich so difinieren und ihn dann anklickbar machen. wie schaff ich das mit roll over buttons? Denn ganz habe ich die Funktion noch nicht verstanden.

    wäre über Hilfe dankbar

    mfg Riou
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Wie wäre es, wenn du einfach gif bilder mit transparenten hintergrund machst?
    Wenn man Image Map oder wie auch immer man das nennt verwendet, kann man nur Kreise oder Ecken(Viereck) angeben, beides zusammen funktioniert nicht. Dementsprechend würdest du da nicht weiter kommen^^

    Wobei ich es quatsch finde, dass du sagst es ist nicht professionell genug, so machen es doch alle zwinker


    Zuletzt modifiziert von Botox84 am 10.03.2011 - 21:13:56
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    Doch würde gehen, indem er einfach nen Vieleck nimmt und dir Rundung in etwa nachmacht. Davon ab ist das aber total unnötig.
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    ZitatZitat geschrieben von DaStIaC

    Doch würde gehen, indem er einfach nen Vieleck nimmt und dir Rundung in etwa nachmacht. Davon ab ist das aber total unnötig.


    Würde dann aber nicht mehr mit dem Hover funktionieren zwinker
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    gibt es denn eine bessere Lösung?
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    Also ich würde ja versuchen die einzelnen Elemente per "Hand" raus zuschneiden und sie dann anschließend mit CSS richtig anordnen.
    .
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    ZitatZitat geschrieben von Chester

    gibt es denn eine bessere Lösung?


    Ja klar, die Buttons einfach viereckig Slicen und fertig.Ist doch total Banane ob da noch nen Stück vom Kreis drin hängt, dass sieht der User doch nicht. Ich versteh das Problem nicht, was daran so unprofessionell sein soll?
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    ZitatZitat geschrieben von Botox84

    ZitatZitat geschrieben von DaStIaC

    Doch würde gehen, indem er einfach nen Vieleck nimmt und dir Rundung in etwa nachmacht. Davon ab ist das aber total unnötig.


    Würde dann aber nicht mehr mit dem Hover funktionieren zwinker


    Hast du eigentlich Ahnung davon? :/ Wohl nicht.
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Bin zwar kein Coder aber ja, dass weiss ich zufällig, weil ichs selbst schon angewendet habe. Es gibt "rect" (Viereck, wobei alle 4 ecken definiert werden), es gibt "circle" (Kreis, wobei pixel von link, von oben und der Radius angeben werden) und es gibt nämlich auch poly da kann man so viele Ecken angeben wie man möchte, aber der Begriff sagt es, ecken und keine Rundungen, man kann versuchen was man will, dass würde nie mals sauber werden. poly, circle und rect kann man nicht zusammen verwenden.

    Sollte ich Quark erzählen, sagt es mir, ich lasse mich gerne eines Besseren belehren.

    PS: Ich verstehe trotzdem nicht, warum er es nicht normal eckig macht, dies unprofessionell sein soll udn warum er es sich so schwer macht?


    Zuletzt modifiziert von Botox84 am 10.03.2011 - 21:50:26
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    wenn ich son scheiß Kreisstück auf meinen buttons habe kann ich den behinderten kreis nicht mehr verlinken. Oder kann man 2 divs übernander stapeln?
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    ZitatZitat geschrieben von Chester

    wenn ich son scheiß Kreisstück auf meinen buttons habe kann ich den behinderten kreis nicht mehr verlinken. Oder kann man 2 divs übernander stapeln?


    Mach die Buttons normal und nehm poly für den Kreis, müsste gehen glaube ich. Ich muss aber zugeben das ich es glaube, wissen tu ichs nicht^^

    EDIT: Ich meinte nicht poly, sondern circle zwinker


    Zuletzt modifiziert von Botox84 am 10.03.2011 - 21:59:57
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Naja wenn du schon sagst das man bei poly soviele ecken angeben kann wie man will, ist es ja auch möglich dementsprechend einen kreis fast nachzumachen.
    Letztendlich ist jeder am PC gemalter kreis eh eckig da pixel die dargestellt werden nunmal kleine quadrate sind.
    Ob sich der aufwand wiederum lohnt, oder es nur professionell wäre wenn man sich die mühe macht ist die andere sache.
    Andere möglichkeit wäre in dem falle vll, bitte korrigieren wenn ich falsch liege mit meiner denkweise, die div´s auf unterschiedliche ebenen setzen.
    Naviblock ebene 0 und den kreis dann als ebene 1 drüber legen mit eben der circle funktion. Dann sollte der effekt sich doch schon erledigt haben, oder etwa nicht??


    Greetz Wizz
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    KoernerWS gelöschter User
    Ein Fall für "position" und "z-index" zwinker
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Chester Mitglied
    Registriert seit
    17.02.2009
    Beiträge
    753
    Beitragswertungen
    19 Beitragspunkte
    ich liebe euch zunge gut folgendes: ich slice die buttons eckig weil der kleine teil verschwindet hinter dem krei. dann slice ich den kreis eckig und mach ne imagemap drauf und positionire die ebenen mit z-index. danke euch allen das hat mir weitergeholfen lächeln
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    ZitatZitat geschrieben von Botox84

    Bin zwar kein Coder aber ja, dass weiss ich zufällig, weil ichs selbst schon angewendet habe. Es gibt "rect" (Viereck, wobei alle 4 ecken definiert werden), es gibt "circle" (Kreis, wobei pixel von link, von oben und der Radius angeben werden) und es gibt nämlich auch poly da kann man so viele Ecken angeben wie man möchte, aber der Begriff sagt es, ecken und keine Rundungen, man kann versuchen was man will, dass würde nie mals sauber werden. poly, circle und rect kann man nicht zusammen verwenden.

    Sollte ich Quark erzählen, sagt es mir, ich lasse mich gerne eines Besseren belehren.

    PS: Ich verstehe trotzdem nicht, warum er es nicht normal eckig macht, dies unprofessionell sein soll udn warum er es sich so schwer macht?


    Zuletzt modifiziert von Botox84 am 10.03.2011 - 21:50:26


    Wie gesagt, du kapierst es nicht. Lassen wir das also, du hast ja die Ahnung lächeln

    PS: Wizzard hats verstanden.

    PPS: Woraus besteht denn deiner Meinung nach ein Kreis?


    Zuletzt modifiziert von DaStIaC am 10.03.2011 - 22:36:01
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Ja sicher sind es Pixel, aber um das sauber hin zu bekommen, müsste er wohl mehr als 500 positionen angeben(bei allen Button), von daher war dein Vorschlag nicht gerade gut! Wizard hat nicht das Begriffen was du geschrieben hast, Wizard hat das Begriffen was Flo beschrieben hat.

    Denn dein Vorschlag war es die, die Buttons mit mit poly umzusetzen.

    Mir auch Banane, hab keine Lust mich hier rum zu streiten, denn eigentlich sind wir ja einer Meinung, es wäre sinnfrei die Buttons so zu coden^^

    PS: Desweiteren habe ich nicht wirklich viel Ahnung, dass habe ich aber auch in einigen Threads geschrieben und ich hab da auch keine Probleme mit, dass zu zu geben zwinker Wollte nur helfen, mehr nicht!!!
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    H4ckHunt3r Mitglied
    Registriert seit
    02.01.2010
    Beiträge
    408
    Beitragswertungen
    18 Beitragspunkte
    ZitatZitat geschrieben von Botox84

    Ja sicher sind es Pixel, aber um das sauber hin zu bekommen, müsste er wohl mehr als 500 positionen angeben(bei allen Button), von daher war dein Vorschlag nicht gerade gut!


    Übertreib ned... 500 hast du pro Button nicht mal wenn du einen Punkt
    an jedem Pixel außen rum setzt.
    Das bekommt man auch passabel mit ca. 10 Punkten pro Button hin.

    Ich würde es einfach mit Maps und nen bissi Javascript machen.
    Ist meiner Meinung nach die einfachste Lösung.
    Lg H4ckHunt3r
    Meine Page
    Mein Projekt
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Naja, ich habe geschrieben bei allen Button. Es sind 5 Button und sogar laut deiner Rechnung, wären das 5x10 Positionen, also 50 Positionen und damit hätte man ein passables Ergebnis. Er hat aber geschrieben er möchte es perfekt, dementsprechen würden 10 Positionen sicher nicht reichen Pro Button.

    Naja, ist auch Banane, Ihm wurde durch Flo geholfen und er weiss doch jetzt wie er es umsetzt^^
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    Ithron Hall Of Fame
    Registriert seit
    21.01.2006
    Beiträge
    2.659
    Beitragswertungen
    24 Beitragspunkte
    ZitatZitat geschrieben von loW

    Ja ich habs gesehen und wenn ichs kostenlos bekomm dann zahl ich doch nix dafür oder?
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ZitatZitat geschrieben von Chester
    Oder kann man 2 divs übernander stapeln?

    Ja, dass kann man.
    de.selfhtml.org/css/eigenschaften/positionierung.htm#allgemeines
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    H4ckHunt3r Mitglied
    Registriert seit
    02.01.2010
    Beiträge
    408
    Beitragswertungen
    18 Beitragspunkte
    ZitatZitat geschrieben von Ithron


    Für den MouseOver...
    man kann ja nicht beim MouseOver auf der Map
    im Stylesheet angeben das die Grafik geändert wird.
    Lg H4ckHunt3r
    Meine Page
    Mein Projekt
    0 Mitglieder finden den Beitrag gut.
  22. #22
    User Pic
    oink Mitglied
    Registriert seit
    23.09.2010
    Beiträge
    740
    Beitragswertungen
    227 Beitragspunkte
    before creation there must be destruction
    0 Mitglieder finden den Beitrag gut.
  23. #23
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ZitatZitat geschrieben von oink
    http://ilchtutorials.il.funpic.de/button_love/

    31 HTML-Fehler. zwinker
    0 Mitglieder finden den Beitrag gut.
  24. #24
    User Pic
    oink Mitglied
    Registriert seit
    23.09.2010
    Beiträge
    740
    Beitragswertungen
    227 Beitragspunkte
    jetzt nichtmehr
    before creation there must be destruction
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten