zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden border einkerbungseffekt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.01.2012, 16:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.07.2011
Beiträge: 16
BodyLove befindet sich auf einem aufstrebenden Ast
Standard border einkerbungseffekt

hallo,
ich würde gerne wissen wie ich diesen border effekt auf dem bild hinbekomme. mit CSS hab ich das noch nicht gesehen. daher vermute ich das ist javascript.
Angehängte Grafiken
Dateityp: png lala.png (80,2 KB, 25x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.01.2012, 18:11
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Es sind einfach 2 übereinander liegende Grafiken mit Verläufen.

Lade dir Firebug herunter, damit kann man sich so etwas anschauen.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.01.2012, 18:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.07.2011
Beiträge: 16
BodyLove befindet sich auf einem aufstrebenden Ast
Standard

ach das sind nur grafiken.
das kann ich ja dann ganz easy mit photoshop erstellen.
dachte das erreicht man auch durch websprachen. dankeee.
Mit Zitat antworten
  #4 (permalink)  
Alt 08.01.2012, 20:27
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von BodyLove Beitrag anzeigen
dachte das erreicht man auch durch websprachen. dankeee.
Kann man auch, bspw. so:
Code:
ul{
	list-style:none;
	background:#222;
}
li{
	background:#ccc;
	float:left;
	padding:5px 30px;
	border-top-right-radius: 2px 100px;
	border-top-left-radius: 2px 100px;
}
Mit Zitat antworten
  #5 (permalink)  
Alt 09.01.2012, 04:20
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard

cebito er meint nicht die runden ecken, er meint diesen einkerbungseffekt der langsam nach unten verschwindet in den zwischenräumen (rot markiert)

Geändert von gandalf_hh (09.01.2012 um 04:24 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 09.01.2012, 10:23
Benutzerbild von ShenLung
Benutzer
neuer user
 
Registriert seit: 19.04.2010
Ort: Friedewald / RLP
Beiträge: 71
ShenLung befindet sich auf einem aufstrebenden Ast
Standard

Der 'Einkerbungseffekt' dürfte ein einfacher Border sein. Das 'Verschwinden' ist eher eine optische Täuschung

Edit:
Gerade mal geschaut, ist kein Border sondern ein <div> mit background: #424242;width: 1px;height: 25px...
__________________
Gruß aus dem Westerwald
Ingo

Geändert von ShenLung (09.01.2012 um 10:28 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 09.01.2012, 12:17
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard

ja stimmt, hab ich durch paint grade nachgeprüft. der border hat nur eine farbe, der effekt kommt vom hintergrund bild. dadurch das er farblich von hell nach dunkel fließt trifft er irgendwann den farbton vom border. dann sieht es aus als ob der border verschwindet.
was mir aber auffällt ist das der border bei der mitte aufhört genau wo er den farbton trifft.
wie erreicht er das denn?
Mit Zitat antworten
  #8 (permalink)  
Alt 09.01.2012, 12:40
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von gandalf_hh Beitrag anzeigen
wie erreicht er das denn?
In dem das Hintergrundbild ab diesem Zeitpunkt die gleiche Farbe hat wie der Vordergrund?
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #9 (permalink)  
Alt 09.01.2012, 12:44
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Nö, wie Ingo schon schrieb: Indem das div eben nur 25px hoch ist, sprich nur bis zur Hälfte geht.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 09.01.2012, 12:52
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Ah ja ich merks.. was ein Stuss.. da bekommt man ja die Krise. Ich dachte es wäre simpler gelöst...

Just for the record:
Eine Liste mit 2 Hintergrundbildern würde auch funktionieren. Es wäre wahrscheinlich sogar einfacher. =P
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
Antwort


Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Dynamische Größen Killhunter CSS 0 14.05.2011 16:56
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 14:30
Problem mit CSS in Joomla 1.5 noobilicius CSS 6 25.09.2008 20:24
*zefix* IHateBill, <tr> Hintergrundfarbe Scheppertreiber CSS 17 30.05.2008 12:49
Optimierung für alle Browser villain CSS 6 22.09.2004 17:09


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:26 Uhr.