Lexi Help
Die neuesten Themen
» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 19:18

» [Update] Neues Theme der mobilen Version V2
von Tierfreund-97 Gestern um 17:05

» Begriff : "merken"
von Ray Gestern um 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Gestern um 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

Partner
free forum

Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...

Beitrag von Dracoriel am Fr 19 Nov 2010 - 0:28

Hi, Leute. Also mir stellt sich folgendes Problem, ich will die Links abgerundeten Ecken & rechts abgerundeten Ecken als Rahmen definieren (phpBB3). Sprich komplett rund um die Beiträge, Themen, Module usw. ziehen. Der dazu im CSS verwendete Bereich "Corners" macht aber leider alles nur das was ich will nicht, sobald ich die Ecken größer definiere hab ich gravierende Verschiebungen drinnen. Suspect

Für die Javascript funktion, transparent Hintergründe und Co hats ja noch gereicht.... aber hier muss ich zugeben das ich leider kein Licht am Ende des Tunnels seh Embarassed

Daher benötige ich bitte eure Hilfe! Laughing
So hier mal der betreffend CSS teil und der Forum Link, damit ihr wisst was ich meine Smile

Code:
/* Corners------------------------------------------------------------------------------------------*/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
        font-size: 1px;
        line-height: 1px;
        display: block;
        height: 5px;
        background-repeat: no-repeat;
        }
span.corners-top {
        background-image: none;
        background-position: 0 0;
        margin: 0 -5px;
        }
span.corners-top span {
        background-image: none;
        background-position: 100% 0;
        }
span.corners-bottom {
        background-image: none;
        background-position: 0 100%;
        margin: 0 -5px;
        clear: both;
        }
span.corners-bottom span {
        background-image: none;
        ;
        background-position: 100% 100%;
        }
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
        margin: 0 -10px;
        }
span.corners-top {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/links_11.png");
        }
span.corners-top span {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/rechts11.png");
        }
span.corners-bottom {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/links_11.png");
        }
span.corners-bottom span {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/rechts11.png");
        }

/***************************************************************/
#cp-main span.corners-top {
        background-image: url("http://illiweb.com/fa/empty.gif");
        }
#cp-main span.corners-top span {
        background-image: url("http://illiweb.com/fa/empty.gif");
        }
#cp-main span.corners-bottom {
        background-image: url("http://illiweb.com/fa/empty.gif");
        }
#cp-main span.corners-bottom span {
        background-image: url("http://illiweb.com/fa/empty.gif");
        }

/***************************************************************/
#cp-main .panel #topicreview span.corners-top {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/links_11.png");
        }
#cp-main .panel #topicreview span.corners-top span {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/rechts11.png");
        }
#cp-main .panel #topicreview span.corners-bottom {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/links_11.png");
        }
#cp-main .panel #topicreview span.corners-bottom span {
        background-image: url("http://i67.servimg.com/u/f67/13/07/41/41/rechts11.png");
        }

Forumsadresse is ffxivhardcore.forumkostenlos.com

P.s:

Zwei "kleiner Sorgenkinder hab ich noch"
1. Find ich im CCS den Hintergrund der einzellnen Beiträge nicht um ihm einen Transparenten Hintergrund zu verpassen, und
2. Ist der Hintergrund der Smiliebox immer noch Schwarz obwohl die CSS auf ein Transparendes png verwaist

So genug confused für heute, würd mich über Hilfe freuen

Dracoriel
Neuling
Neuling

Männlich Beiträge : 9
Anmeldedatum : 19.11.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...

Beitrag von Zuckerpuppe am Fr 19 Nov 2010 - 12:52

Hallo Smile

so, wie du dir das vorstellst, wird das leider nicht funktionieren.

wenn du mal ins CSS folgendes eingibst:

Code:
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
height:20px;
}

dann wirst du sehen, dass die Ecken sichtbar werden, jedoch der seitliche Rahmen nicht.

Das würde dann so aussehen:


dort einen seitlichen Rahmen mit einer Grafik einzufügen, ist leider noch nicht möglich, da das erst ab CSS3 machbar ist, worauf wir alle sehnsüchtig warten. Wink


Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...

Beitrag von Dracoriel am Fr 19 Nov 2010 - 18:35

Das heißt im Klartext ich muss sie Als Html einzel als Images Programmieren (hab gar nicht auf die CSS Version geguckt bin 4.0 gewöhnt ;-) das riecht iwie nach sehr viel arbeit Suspect

Ich glaub ich schließe mich beim warten an Crying or Very sad


Zuletzt von Dracoriel am Fr 19 Nov 2010 - 18:39 bearbeitet, insgesamt 1 mal bearbeitet (Grund : zu viele Rechtsschreibfehler, selbst für Schulungzwecke)

Dracoriel
Neuling
Neuling

Männlich Beiträge : 9
Anmeldedatum : 19.11.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...

Beitrag von Zuckerpuppe am Fr 19 Nov 2010 - 18:45

du bist CSS4 gewöhnt?
Naja, ich freu mich erstmal auf die Einführung von CSS3, die wohl noch ein wenig auf sich warten lässt.
Dann ist es auch möglich, Border mit einem Hintergrundbild zu versehen...

Wenn du mir zeigst, wie du das dann am Ende gelöst hast, dann würde ich mich freuen, denn für Tipps bin ich immer dankbar Smile


Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...

Beitrag von Dracoriel am Fr 19 Nov 2010 - 18:51

Sollt ich es hinbekommen werd ich es posten Smile

P.s. Gibts eigendlich ne möglichkeiten den kompletten Seitenquelltext an zu zeigen (außer über meinen Browser denn der Zeigt ja nur die jeweilige Seite an) damit ich mir beim einbinden leichter tu. Oder hab ihr den aus Sicherheitsgründen weck gepackt? affraid

Dracoriel
Neuling
Neuling

Männlich Beiträge : 9
Anmeldedatum : 19.11.10

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...

Beitrag von Zuckerpuppe am Fr 19 Nov 2010 - 18:57

nee, wir haben gar nichts weggepackt... Wink

kennst du das Add-on für den FF -> Firebug? Der sollte dir eine große Hilfe sein...versuchs mal damit

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...

Beitrag von Dracoriel am Fr 19 Nov 2010 - 19:35

umkipp Ui, nö kannt ich net geiles app top

Dracoriel
Neuling
Neuling

Männlich Beiträge : 9
Anmeldedatum : 19.11.10

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten