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
» Das Plauderforum ist zurück!
von Eto Mo 25 Nov 2024 - 17:59

» Style-Wechsel funktioniert nicht mehr
von Miho Mo 25 Nov 2024 - 11:05

» Profil in beiträgen nur im blog deaktivieren.
von Skouliki Mo 25 Nov 2024 - 10:16

» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )


» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 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