Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Joost Gestern um 18:02

» Forum löschen, Probleme mit Gründeraccount
von Igazus Gestern um 17:57

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» PN's werden nicht mehr rot eingefärbt
von Ray Sa 16 März 2024 - 16:41

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

» Neuer User kann sich anmelden.
von Joost So 11 Feb 2024 - 18:06

» [phpBB3] Suchfunktion ohne Funktion
von Joost Sa 10 Feb 2024 - 19:38

» Die Sturmkriger (WaCa) mit Punktesystem
von Rama Di 6 Feb 2024 - 18:49

» Style funktioniert nicht
von Joost So 4 Feb 2024 - 16:50

» Vergabe von Auszeichnungen
von Eto Sa 3 Feb 2024 - 20:13

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Entdeckt die neue Option Servimg Premium
( 2 )


» Beitrag von Skouliki in Forum nur noch für Eingeloggte sichtbar?
( 1 )


» Beitrag von Joost in Forum nur noch für Eingeloggte sichtbar?
( 1 )


» Beitrag von Skouliki in Forum nur noch für Eingeloggte sichtbar?
( 1 )


» Beitrag von T.G. in Zugangsdaten vergessen/verloren
( 1 )


[Invision] Kompletter Css-Codebaum gesucht !

3 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon So 18 Sep 2016 - 19:44

Hallo Forumieren-Team,
nach Jahren melde ich mich mal wieder verzweifelt^^.

Problembeschreibung:
Ich hatte damals einen kompletten Css-Baum, in dem ich z.B. eine 3teilige Rahmengrafik so platzieren konnte, dass sie einen zusammenpassenden Rahmen (also Header, Mittelteil und Footer) ergeben hat. Dort konnte ich ebenfalls den Rahmen-Innenraum (Textfeld, Kategorie-Innenraum usw.) transparent (bzw. transparentes Gitter) einbinden und auch einige andere Grafik-Elemente, sodass ich kaum die Bilderverwaltung (ausser den Buttons) verwenden musste.
Nachdem ich aber aus verschiedenen Anlässen mein Forum mehrfach durch andere Styles umänderte ging mir dieser Css-Baum verloren.
Ich hab hier das gesammte Hilfe-Forum nach Hinweisen zu solch einem Css-Codebaum durchforstet, sowie auch tagelang danach gegoogled, aber ich finde leider nichts dergleichen.

Bin auch (wie die alteingesessenen Frank und Zuckerpuppe sicher noch wissen^^) kein Css-Genie, daher hoffe ich hier etwas Hilfe bei diesem Problem zu finden.

Da ich leider irgendwie mein Profil nicht aktualisieren kann ( oO) ist hier die Adresse meines mittlerweile total verkorksten Forums: http://arkfreibeuter.aktiv-forum.com

Danke im Voraus und viele Grüsse an alle die sich vllt noch an mich erinnern^^
Rhonon
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von inde Mo 19 Sep 2016 - 12:30

Du meinst sicherlich etwas Deinem persönlichem CSS hinzufügen oder?
[Invision] Kompletter Css-Codebaum gesucht ! Css_hi10

LG inde
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon Mo 19 Sep 2016 - 15:01

Nicht ganz, das zufügen von Grafiken ist nicht das Problem sondern das komplette Css, was mir ermöglichte alle Grafiken bis auf die Buttons dort einzubinden, sodass ich auch den Rahmen-Innenraum der Kategorien/Unterforen mit einem transparenten Gitter versehen kann.
Das Css was ich zur Zeit durch den geholten Style hab lässt mich einfach nicht mehr durchblicken.
Das alte Css ist mir durch einige wechsel verloren gegangen, auch die externen Backups die ich mir speicherte sind weg da ich in den Jahren auch einen neuen PC gekauft habe.

Mit Css kenn ich mich leider nur insoweit aus, dass ich Grafiken einbinden kann, aber durch diesen Css von dem jetzigen Style werd ich einfach nicht schlau. (der alte Css wurde schon vor ca. 3 Jahren gewechselt, sonst hätte ich ja wieder zurückwechseln können Sad )
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von inde Mo 19 Sep 2016 - 15:11

Nun etwas anderes gibt und gab es da leider nicht wo Du das verändern kannst.
Um das komplette Grundgerüst einzusehen kannst Du wie auf der Grafik abgebildet noch einmal auf den Link unterhalb "CSS-Gerüst des Forums ansehen" klicken. Dort kannst Du aber nichts verändern, sondern lediglich nur einsehen.

LG inde
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon Mo 19 Sep 2016 - 15:17

Ok ich versuche es nochmal anders,
der Aufbau des Css zu meinem momentanen Style ist komplett anders, ich finde,bzw. weis nicht wo in welcher Reihe/hinter welchen Befehlszweig ich den Befehl für den transparenten Rahmen-Innenraum einfügen muss (bzw. wo ich die transparente Gitter-Grafik einsetzen muss die ich extra dafür erstellt habe).

Gegeben hat es dazu ein Css-Gerüst, das gehörte allerdings zu einem anderen Style, an den ich leider nicht mehr ran komme !
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von inde Mo 19 Sep 2016 - 15:28

Wie bereits geschrieben muss Du dafür die Anweisung in das persönliche CSS einsetzen.
Wenn Du mir anhand eines Screenshots einmal aufzeigen würdest wo die Grafik dort überall hin soll und mir die Grafik dafür noch einsetzt, dann könnte ich mir das einmal anschauen.
Das einsetzen Deines persönlichen CSS hier in einem Code mit Hilfe des Editors [Invision] Kompletter Css-Codebaum gesucht ! Code-e10 wäre auch hilfreich.
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von #Frank Mo 19 Sep 2016 - 15:40

Nur mal eine Zwischenfrage an @Rhonon:
Hast du schon mal deine alten Beiträge durchsucht um zu finden was du suchst?
Ich gehe davon aus, das du das damals hier auch schon mal gemacht bekommen hast.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon Mo 19 Sep 2016 - 15:53

Ja hab meine alten Beiträge sowie Lexi und die Suchfunktion genutzt Frank, leider aber hab ich nichts dergleichen gefunden, da Hexekati mir damals (da sie sowieso auch auf meinem Forum präsent war durch eine Grafische Zusammenarbeit) direkt im Forum geholfen und das Gerüst so eingerichtet hat, dass alles klappte.
Hab sie per FB auch schon darauf angesprochen, aber auch sie hat das damalige Gerüst nicht mehr.
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon Mo 19 Sep 2016 - 16:10

@inde
Im Gelb gekennzeichneten Bereich soll die Transparenz rein (bzw. die transparente Gittergrafik),
also in jedem dazugehörigen Bereich.
Zudem sollen die Rahmen um diese Bereiche herum durch eine 3-teilige Gesammtgrafik ersetzt werden (Header, Mittelteil, Footer)
[Invision] Kompletter Css-Codebaum gesucht ! Loe3gglo
dazu dann noch Hintergrundbild
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von inde Mo 19 Sep 2016 - 16:16

inde schrieb:Das einsetzen Deines persönlichen CSS hier in einem Code mit Hilfe des Editors [Invision] Kompletter Css-Codebaum gesucht ! Code-e10 wäre auch hilfreich.
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon Mo 19 Sep 2016 - 16:21

Code:
a.mainmenu:hover{
    text-decoration: underline;
    color : #000000;
        position: relative; top: 1.5px; left: 1.5px;
    }
a.mainmenu{
    padding: 5px 0px 0px 5px;
    }
div#logostrip {
   min-height: 68px;
   background-image: url('http://i4.photobucket.com/albums/y146/Hexekati/Styles/Invision%20Plastic%20red/header.jpg');
   background-repeat: repeat-x;
   text-align: center;
   }
*+ html div#logostrip {
   min-height: 70px;
   }
div#logostrip #logo {
   display: block;
   margin: 0 5px;
   float: center;
   }
div#logostrip #main-title,div#logostrip #main-title h1 {
   padding-top: 25px;
   font-size: 24px;
   font-weight: bold;
   font-family: TrebuchetMS;
   }
div#logostrip #main-title h1 {
   padding-top: 0;
   }
#site-desc {
   margin: 8px;
   }
#submenu {
   padding: 0.1em 0 0.1em;
   text-align: center;
   }
*+ html #submenu {
   padding: 0;
   }
* html #submenu {
   padding: 0;
   }
#submenu ul {
   list-style: none;
   text-align: center;
   }
#submenu ul li {
   }
#submenu ul li a {
   padding: 0.1em 0.1em 0.1em 0;
   text-decoration: none;
   }
*+ html #submenu ul li a {
   display: inline-block;
   }
* html #submenu ul li a {
   display: inline-block;
   }

/*#submenu ul li a img {
   display: none;
   }
*/

/*Defaults*/
body {
   margin: 0 auto;
   background-color: #000000;
   background-image: url('http://i4.photobucket.com/albums/y146/Hexekati/Styles/Invision%20Plastic%20red/bg.png');
   background-attachment: fixed;
   color: #ffffff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   line-height: 150%;
   }
* html {

.box-content{
   border-bottom: 10px solid #ff0000;
   }


   
/* CSS properties only recognized by IE */
scrollbar-face-color: #000000;
   scrollbar-highlight-color: #ff0000;
   scrollbar-shadow-color: #000000;
   scrollbar-3dlight-color: #000000;
   scrollbar-arrow-color: #ff0000;
   scrollbar-track-color: #000000;
   scrollbar-darkshadow-color: #000000;
   }
*+ html {
   
/* CSS properties only recognized by IE */
scrollbar-face-color: #000000;
   scrollbar-highlight-color: #ff0000;
   scrollbar-shadow-color: #000000;
   scrollbar-3dlight-color: #000000;
   scrollbar-arrow-color: #ff0000;
   scrollbar-track-color: #000000;
   scrollbar-darkshadow-color: #000000;
   }
img {
   border: none;
    vertical-align: middle;
   }
a:link {
   color: #ff0000;
    text-decoration:underline;
   }
a:visited {
   color: #666666;
    text-decoration:underline;
   }
a:hover {
   color: #666666;
    }
a:active {
   color: #666666;
    text-decoration:underline;
   }
a:focus {
   color: #ff0000;
    }


/* ************************Footer************************* */
#gfooter {
   margin: 8px 0;
   padding: 0.5em;
   text-align: middle;
   font-size: 0.8em;
                background-color: #000000;
   }
#gfooter form {
   float:left;
   }
#gfooter ul {
   list-style: none;
   display: table;
   margin: 0 auto;
   }
#gfooter ul li {
   display: inline;
   }
* html #qjump {
   float: left;
   text-align: left;
   width: 15%;
   }
.current-time {
   float: right;
   }
#gfooter .footer-links {
   width: 65%;
   white-space: normal !important;
   }


/* ****************************************************************************INVISION BASIC COLOURS**************************************************************************** */
div#logostrip {
   background-color: #000000;
   color: #ffffff;
   }

/* Submenu */
#submenu {
   background: #000000;
   color: #ffffff;
   }
#submenu ul li a {
   color: #000000;
   }
#submenu ul li a:hover {
   background-color: #000000;
   }
#userlinks {
   background-color: #000000;
   border-bottom: 1px solid #ff0000;
   }
#userlinks.not-connected {
   background-color: #000000;
   border-bottom: 1px solid #ff0000;
   }
#navstrip {
   color: #000000;
   }
#navstrip li a:hover {
   color: #000000;
   }
div.newslink {
   background-color: #000000;
   }

/*IPB BOXES*/
div.borderwrap,.borderwrapm {
   border: 1px solid #ff0000;
   background-color: #000000;
   }
div.maintitle {
   background-color: #000000;
   color: #ffffff;
   }
.maintitle .titletext,.maintitle .titletext a,.maintitle .right,.maintitle .right a {
   color: #ffffff;
   }
#plus_menu .title-overview {
   color: #ffffff;
   }
.borderwrap .subtitle {
   background-color: #000000;
   border-bottom: 1px solid #000000;
   color: #FFFFFF;
   }

/*Box Content*/
.box-content {
   background-color: #000000;
   border-bottom: 2px solid #ff0000;
   }
div.box-content.agreement {
   background-color: #000000;
   }
.box-content .rules {
   background-color: #000000;
   }
.popmenubutton a {
   background-color: #000000;
   border: 1px solid #ff0000;
   color: #0099FF;
   }
.popupmenu {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
.popupmenu .avatar {
   border: 1px solid #ff0000;
   background-color: #000000;
   }
.popupmenu li {
   background-color: #000000;
   border-bottom: 1px solid #ff0000;
   }
ul.popupmenu li.popupmenu-category {
   background-color: #000000;
   color: #FFFFFF;
   }

/*IPB Tables*/
table.ipbtable th {
   background-color: #;
   border-right: 1px dotted #000000;
   border-bottom: 1px solid #ff0000;
   }
table.ipbtable th.formsubtitle,.formsubtitle {
   background-color: #000000;
   }
table.ipbtable tfoot td {
   background-color: #000000;
   }
table.ipbtable .forumdesc {
   color: #000000;
   }
.row1,.row2 {
   border-bottom: 1px solid #ff0000 !important;
   }
.row1 {
   background-color: #000000;
   }
.row2 {
   background-color: #000000;
   }
.darkrow {
   background-color: #000000;
   border-top: 1px solid #ff0000;
   color: #ffffff;
   }
.thin {
   border: 1px solid #ffffff;
   }
.sticky-separator {
   border-top: 3px solid #ff0000;
   }

/* Forms */
.ipbform fieldset {
   border: 1px solid #ff0000;
   }
.ipbform fieldset legend {
   color: #ffffff;
   }
div.errorwrap,div.infowrap {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
div.box-content.error {
   background-color: #000000;
   }
div.infowrap {
   background-color: #000000;
   border: 1px solid black;
   }
div.errorwrap h4,div.infowrap h4 {
   background-color: #000000;
   border-bottom: 1px solid #ff0000;
   color: #ffffff;
   }
div.infowrap h4 {
   background-color: #000000;
   border-bottom: 1px solid #ff0000;
   color: #ffffff;
   }
div.errorwrap p,div.infowrap p {
   color: #FF0000;
   }
div.input-warn-content {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
.button,.mainoption {
   background-color: #000000;
   border:1px solid #ff0000;
   color: #ffffff;
   }
.formbuttonrow {
   background-color: #000000;
   border-top: 1px solid #ff0000 !important;
   color: #ffffff;
   }
.ipbform fieldset.signature {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
.ipbform fieldset.signature textarea {
   border: 2px inset #ff0000;
   }
.ipbform2 dl {
   background-color: #000000;
   border-bottom: 1px solid #ff0000;
   }
.ipbform2 dl dd {
   background-color: #000000;
   }
.separator {
   border-bottom: 1px solid #ff0000;
   }
.ipbform2 fieldset.captcha {
   border: 1px solid #ff0000;
   }

/* **********************Posting block********************** */
.messaging-box {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
.messaging-box textarea {
   border: 2px inset #000000;
   }
#smiley-box {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
.exthelp,.rte-menu-button {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
.p-box {
   background-color: #000000;
   }

/*Smileys*/
.smiley-selector {
   background-color: ;
   }
.smiley-container {
   border: 1px solid ;
   }

/* Poll */
.polls {
   background-color: #000000;
   }
.polls dl {
   color: #ff0000;
   }

/* Quick Search */
#search_menu {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
#search_menu input.post {
   border: 1px solid #ff0000;
   }
.advanced-search .search-footer {
   background-color: #000000;
   border-top: 1px solid #ff0000;
   }

/*Memberlist*/
.member {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
.member-list .popmenubutton .mini-avatar {
   border: 1px solid #ff0000;
   background-color: #000000;
   }
.member p {
   color: #ff0000;
   }
div.borderwrap .member-list {
   background-color: #000000;
   }

/*FAQ*/
dl.faq dd p {
   border: 1px solid #000000;
   }
dl.faq .question {
   border-bottom: 1px solid #ff0000;
   }

/*Calendar*/
div.calmonths {
   background-color: #000000;
   }
table.ipbtable.calendar {
   background-color: #000000;
   }
.ipbtable.calendar .celldate {
   background-color: #000000;
   }
.ipbtable.calendar .celldate:hover {
   background-color: #000000;
   }
.ipbtable.calendar .calday {
   background-color: #000000;
   color: #666666;
   }
div.overview {
   background-color: #000000;
   border: 1px solid #ff0000 !important;
   }
.overview hr.dashed {
   border: 1px dashed #ff0000;
   }
#mini-calendar .table {
   border-left: 1px solid #ff0000;
   border-bottom: 1px solid #ff0000;
   border-right: 1px solid #ff0000;
   }
.bday {
   border: 1px solid #ff0000;
   }

/*Private messenging*/
ul.privmsg li {
   background-color: #000000;
   color: #ff0000;
   }
ul.privmsg li a {
   background-color: #000000;
   }

/* *************************Profile************************* */
.box-content.profile {
   background-color: #000000;
   }
.box-content.profile-tabs {
   background-color: #000000;
   }
* html #ucpmenu ul li {
   border: 1px solid #ff0000;
   }
#ucpmenu ul li a {
   background-color: #000000;
   border-bottom: 1px solid #ff0000;
   color: #ffffff;
   }
#ucpmenu ul li a:hover {
   background-color: #000000;
   }
#ucpmenu .profile-tabs ul li.activetab a {
   background-color: #000000;
   }
.activeusers {
   background-color: #000000;
   border: 2px solid #ff0000;
   }

/*Profile View*/
.profile-view .popmenubutton a {
   background-color: #000000;
   }
.profile-view .profile-view-list ul li {
   border-bottom: 1px solid #ff0000;
   }

/* ************************Posts************************ */
.post {
   background-color: #000000;
   border-bottom: 1px solid #ff0000;
   }
.post-container {
   background-color: #000000;
   }
.post-footer {
   background-color: #000000;
   border-top: 1px solid #ff0000;
   }
.post .post-header {
   background-color: #000000;
   }
.popmenubutton-new-out a {
   background-color: #000000;
   }
.member .popmenubutton-new-out a {
   border: 1px solid #000000;
   }
.postprofile-head .avatar img {
   border: 1px solid #ff0000;
   }
.topic-footer {
   background-color: #ff0000;
   }
.bar {
   background-color: #ff0000;
   }
.postreview .postbody .postbody-head h3 {
   color: #ffffff;
   }
blockquote {
   border-top: 1px dotted #ff0000;
   border-right: 1px solid #ff0000;
   border-bottom: 1px dotted #ff0000;
   border-left: 5px solid #ff0000;
   background-color: #000000;
   }
blockquote cite {
   background-color: #000000;
   color: #ff0000;
   }
.codebox dt {
   background-color: #000000;
   }
.codebox dd {
   background-color: #000000;
   border: 1px dotted #ff0000;
   }
.spoiler {
   border-top: 1px dotted #ff0000;
   border-right: 1px solid #ff0000;
   border-bottom: 1px dotted #ff0000;
   border-left: 5px solid #ff0000;
   background-color: #000000;
   }
.spoiler dt {
   background-color: #ff0000;
   color: #00000;
   }
.signature {
   border-top: 1px dotted #ff0000;
   }

/*Quick reply*/

/* Text editor (quick reply)-------------------------------------------------------------*/
.qreply {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
.dd-textarea textarea {
   border: 2px inset #ff0000;
   }
button.button2, input.button2 {
   border: 1px solid #ff0000;
   color: #FFFFFF;
   background-color: #000000;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #ff0000;
   color: #FFFFFF;
   }
.select {
   background-color: #ffffff;
   border: 1px solid #ff0000;
   }
.select button {
   background-color: #ffffff;
   }
.select button.button2 {
   border: 1px solid #ff0000;
   }
.select button.button2:hover {
   border: 1px solid #ff0000;
   color: #666666;
   }
.selectHover {
   background-color: #ffffff;
    }
button.bbcode {
   border: 1px solid #ff0000;
   }
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
   background-color: #ffffff;
   }

/* ******************Pagination******************* */
.gen table.forumline {
   background-color: #ffffff;
   }
.gen .forumline .thHead {
   background-color: #ff0000 !important;
   color: #666666;
   }
.gen table.forumline td.row1 {
   background-color: #ffffff;
   }
div.pagination a {
   background-color: #ff0000;
   }
div.pagination b {
   background-color: #000000 !important;
   color: #ffffff;
   }
div.pagination b {
   background-color: #000000 !important;
   color: #ffffff;
   }
strong.pagination a,.topic-paging a {
   background-color: #000000;
   border: 1px solid #ff0000;
   }

/* ************************Footer************************* */
#gfooter {
   background-color: #000000;
   color: #ff0000;
   }
#gfooter a {
   color: #ffffff !important;
   }
.statlinks ul li a {
   border-bottom: 1px dotted #ff0000;
   color: #ffffff;
   }
.statlinks ul li a:hover {
   border-bottom: 1px solid #ff0000;
   }

/* **************Gallery************** */
.gallery .borderwrap.column h3 a {
   color: #ffffff;
   border-bottom: 1px dotted #ff0000;
   }
.gallery .cat-img .img-container {
   background-color: #ffffff;
   border: 1px solid #ff0000;
   }
.gallery .gallery-desc {
   color: #666666;
   }
.gallery .cat-info {
   background-color: #000000;
   border-top: 1px solid #ff0000;
   color: #666666;
   }
.gallery-footer dl {
   background-color: #000000;
   }
.borderwrap.thumbnails .thumbwrap {
   border: 1px solid #;
   }
.borderwrap.thumbnails .thumbnail img {
   background-color: #fff;
   border: 1px solid #666666 !important;
   }
.borderwrap.thumbnails .thumbwrap .thumb p {
   background-color: #000000;
   border-top: 1px solid #ff0000;
   }
.borderwrap.thumbnails .thumbwrap .thumb p.alt {
   background-color: #000000;
   border-top: 1px solid #ff0000;
   }
.photostrip .maintitle a,.view-photo .maintitle a {
   color: #ffffff;
   }
.photostrip .photo {
   border-left: 1px solid #ff0000;
   border-right: 1px solid #ff0000;
   }

/* Special effects */
fieldset.effects dl {
   border: 1px solid #ff0000;
   }
fieldset.effects dl:hover {
   background-color: #000000;
   }
fieldset.effects dd {
   border-top: 1px solid #ff0000;
   }

/* Avatar Gallery */
.avatar-gallery p.select-avatar {
   background-color: #000000;
   }
.avatar-gallery div div.avatar-box {
   background-color: #000000;
   border: 1px solid #ff0000;
   }
.avatar-gallery div div img {
   border: 1px solid #ff0000;
   }

/* *****************RPG***************** */
.rpg-table table {
   background-color: #000000;
   }
.rpg-table table td {
   border: 1px solid #ff0000;
   }

/* ****************************************************************************END INVISION BASIC COLOURS***************************************************************************** /
/*Chatbox !!!!*/
body.chatbox {
   background-image: none;
   }
.chatbox {
   background-color: #000000;
   }
#chatbox_header {
   height: 30px;
   background-color: #000000;
   }
.chatbox-title,.chatbox-title a.chat-title {
   color: #FFFFFF !important;
   }
.chatbox-title {
   float: left;
   margin: 0;
   padding: 6px 5px 0 5px;
   width: 15em;
   }
.chatbox-options {
   float: right;
   list-style: none;
   font-size: 11px;
   margin: 0.7em 0.5em 0.5em 0.5em;
   }
.chatbox-options li {
   display:inline;
   }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
   color: #FFFFFF;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #000000;
   color : #006699;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 1em;
   }
#chatbox_members ul li {
   margin: 0.5em 0.5em 0.5em 0;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #000000;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #000000;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #000000;
   }
.memberlist_row_1 {
   background-color: #000000;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 5px;
   background-color: #000000;
   }
#chatbox_footer label {
   color: #FFFFFF;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #ff0000;
   }
.fontbutton_selected {
   background: #ff0000;
   border: 1px solid #000000;
   }
.fontbutton_clicked {
   background: #ff0000;
   border: 1px solid #000000;
   }
.fontbutton_hover {
   background: #ff0000;
   border: 1px solid #000000;
   }
#chatbox_contextmenu {
   border: 2px solid black;
   background-color: #000000;
   }
#chatbox_contextmenu p {
   margin:0;
   padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #000000;
   border-bottom:1px solid #777;
   }
#chatbox_contextmenu p.hover {
   background: #000000;
   }
#chatbox_contextmenu p.close {
   background: #ddd;
   padding: 1px;
   font-size: 95%;
   color:#fff;
   background: url('');
   }
#chatbox_contextmenu p.close img {
   vertical-align: middle;
   }
#chatbox_contextmenu a {
   color: #006699;
    text-decoration: none;
    font-size: 95%;
   }
#chatbox_contextmenu a:hover {
   color: ;
   }
.fontbutton {
   background:#ff0000 none repeat scroll 0%;
   border:medium none;
   color:#000000;
   float:left;
   margin-right:10px;
   padding:1px;
   }
#chatbox .user {
   font-weight: bold;
   }
* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html div#logostrip #logo img {
   display: none !important;
   }
* html div#logostrip #logo {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://i4.photobucket.com/albums/y146/Hexekati/Auftraege/header03.jpg');
   height: 45px;
   width: 274px;
   cursor: hand;
   }
div.pagination a.goto {
   padding: 2px 15px 2px 4px;
   background-image: url("http://2img.net/i/fa/invision/menu_action_down.gif");
   background-repeat: no-repeat;
   background-position: 97% 50%;
   }
div.pagination a.goto {
   background-color: #ff0000;
   }
iframe[name="google_ads_frame"],
#add-google,
#add-google iframe,
#add-google iframe[name="google_ads_frame"]{
display:block!important;
visibility:visible!important;
}

Hier der Pers. Css-Code
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von inde Mo 19 Sep 2016 - 16:54

Du weißt aber schon das das über den normalen Support hinaus geht oder?
Trage bitte Deinem persönlichen CSS folgenden Code hinzu, ändere die Grafik und vielleicht noch die Ausrichtung der Grafik innerhalb des Codes.
Code:
/*Hintergrund Module*/
.module .box-content {
    background: rgba(0, 0, 0, 0) url("http://i97.servimg.com/u/f97/18/46/78/72/dl110.png") repeat scroll 0 0;
}

Bekomme ich nun auch die Grafiken für die restlichen Bereiche?

LG inde


EDIT: Für den Header den nachfolgenden Code.
Code:
/*Hintergrund Header*/
div#logostrip #logo {
    background: rgba(0, 0, 0, 0) url("http://i97.servimg.com/u/f97/18/46/78/72/dl110.png") repeat scroll 0 0;
}


Zuletzt von inde am Mo 19 Sep 2016 - 17:00 bearbeitet; insgesamt 1-mal bearbeitet (Grund : EDIT:)
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon Mo 19 Sep 2016 - 17:51

ok, hier die restlichen Bereiche:
Der Gelbe Bereich auf beiden Screenshots soll durch die 3-Teilige Grafik ersetzt werden, wobei der Grün gekennzeichnete Bereich der Mittelteil der Grafik ist.
[Invision] Kompletter Css-Codebaum gesucht ! E3wqjlv8
[Invision] Kompletter Css-Codebaum gesucht ! Ft26xxee

EDIT:
Die Gittergrafik ist zwar nun an seinem Platz integriert und sichtbar, aber dennoch mit schwarzem Hintergrund und nicht transparent, so wie die Grafik eigentlich sein sollte!
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von inde Mo 19 Sep 2016 - 18:55

inde schrieb:Bekomme ich nun auch die Grafiken für die restlichen Bereiche?
Du solltest schon auf meine Fragen eingehen, sonst breche ich das hier ab.
Auch ist es für mich ein wenig verwirrend, dass Du zwischenzeitlich noch anderes am Forum veränderst..... schön ist das nicht. Hintergrundbild, Header dann findest Du Dich anscheinend doch zurecht im CSS. scratch

LG inde
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon Mo 19 Sep 2016 - 19:04

nur wenig,
bis auf die Angaben die ich hier machte.
Was genau meinst du mit "Grafiken für die restlichen Bereiche" ? screenshots oder meine Grafiken um sie im Css einzubinden?

was mich allerdings wirr macht ist, dass zwar das Gitter jetzt drin ist, aber keine transparenz wie es sein sollte (so dass man den Hintergrund leicht sieht) ...an der Gittergrafik liegt es jedenfalls nicht, die ist definitiv transparent.

Dass ich ein Hintergrundbild reinsetzte hängt damit zusammen, dass ich dass Forum schnellstmöglich umbauen muss, den Header habe ich nur probeweise reingesetzt da mich die nicht vorhandene Transparenz verwirrte, die wie es scheint immer noch da ist.

EDIT:
ebenso soll die Transparenz auf "jedem" Schriftbereich (wo die Gittergrafik eingesetzt wird) liegen
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von inde Mo 19 Sep 2016 - 19:11

Ich glaube Du stehst ein wenig neben Dir, ich meine natürlich die Grafiken die dort per CSS eingefügt werden sollen.
Ersetze bitte einmal den oben angeführten Code in den nachfolgenden.
Code:
/*Hintergrund Module*/
.module, .module .box-content {
    background: rgba(0, 0, 0, 0) url("http://fs5.directupload.net/images/160919/ym96rj3h.png") repeat scroll 0 0;
}
.borderwrapm, div.borderwrap {
    background-color: rgba(0, 0, 0, 0);
}
Wie schnell Du Dein Forum umbauen musst interessiert mich rein gar nicht, denn das hier ist eine freiwillige Leistung. Wenn ich die Grafiken gehabt hätte würde das auch schneller gehen, denn immerhin frage ich nun schon zum dritten Mal danach.

LG inde
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon Mo 19 Sep 2016 - 19:20

Ich weis dass es auf freiwilliger basis ist,
hier die grafiken, die den kompletten Mittelteil ersetzen sollen (mit Transparenz um eine leichte Andeutung des Hintergrundbildes zu sehen)
[Invision] Kompletter Css-Codebaum gesucht ! F5lmna3z
[Invision] Kompletter Css-Codebaum gesucht ! Rn8lowtk
[Invision] Kompletter Css-Codebaum gesucht ! Iyyzii6p
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von inde Mo 19 Sep 2016 - 20:41

Sorry tut mir Leid, ich habe dort jetzt eine halbe Stunde dran umher gebastelt Klick.
Bin da auch noch nicht mit fertig. Besser wäre es gewesen, wenn Du einen Standardstyle genommen hättest um diesen zu verändern. Im jetzigen CSS stehen einige Anweisungen teilweise sogar doppelt drinnen, sodass es sich um ein Puzzle handelt.

So viel Zeit kann ich dafür leider nicht aufwenden, da habe ich wichtigeres zu tun. Vielleicht findet sich noch jemand anderes der die Zeit, Lust und Kenntnisse für die Umsetzung hat. Das grenzt bereits an einen neuen Forenstyle, was wir hier schon lange nicht mehr umsetzen.

Thema ist somit frei gegeben für andere. Thema offen

LG inde
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon Di 20 Sep 2016 - 12:56

Ihr könnt schliessen,
da ich im Zeitdruck bin habe ich einen befreundeten Programmierer um Hilfe gefragt, der sich nun dran setzt um ein komplettes Css-Gerüst nach den Angeben (die hier nicht wirklich verstanden wurden) zu entwerfen.

Danke
Rhonon
Rhonon
Rhonon
König
König

Männlich Beiträge : 580
Anmeldedatum : 21.03.11
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von inde Di 20 Sep 2016 - 13:12


OK und closed
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten