Lexi Help
Die neuesten Themen
» [phpBB2] Hintergrund festpinnen
von Fayé Heute um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Mi 28 Sep 2016 - 13:34

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 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

Partner
free forum

[Invision] Kompletter Css-Codebaum gesucht !

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [Invision] Kompletter Css-Codebaum gesucht !

Beitrag von Rhonon am 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
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am Mo 19 Sep 2016 - 12:30

Du meinst sicherlich etwas Deinem persönlichem CSS hinzufügen oder?


LG inde

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rhonon am 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
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am 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

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rhonon am 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
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am 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  wäre auch hilfreich.

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rhonon am 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
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rhonon am 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)

dazu dann noch Hintergrundbild

Rhonon
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am Mo 19 Sep 2016 - 16:16

@inde schrieb:Das einsetzen Deines persönlichen CSS hier in einem Code mit Hilfe des Editors  wäre auch hilfreich.

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rhonon am 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://illiweb.com/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
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am 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:)

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rhonon am 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.



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
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am 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

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rhonon am 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
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am 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

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rhonon am 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)



Rhonon
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am 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

inde
Moderator
Moderator

Männlich Beiträge : 2225
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Rhonon am 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
Premium-User
Premium-User

Männlich Beiträge : 580
Anmeldedatum : 21.03.11

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten