Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Der Offtopic-Treff auf phpBB.de - Hier ist (unter Beachtung des phpBB.de-Knigges) fast alles erlaubt :-)
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Tastenplayer »

Eigentlich wollte ich heute einen Weihnachtsstyle der Moderne erstellen.
Prosilver kopiert und den Stylenamen überall angegeben.
Den ganzen Nachmittag mit dem Tannnadelhintergrund sowie glänzendem Wrap-Bild. Es hat immer irgendwo was doof ausgesehen oder nicht gepasst.
Das Resultat nun ist leider ein Style der aus der 3.0.X Zeit stammen könnte. Nichts von wegen Style der Moderne :oops:
Ja bei phpbb ist man eben vor Überraschungen nie sicher :lol: [ externes Bild ][ externes Bild ]

X-mas.css

Code: Alles auswählen

.x-mas_wrap {
	background-color: #194280;		
	background-repeat: repeat;
	border: 3px solid #f4f4f4;
	border-radius: 8px;
	margin: 55px auto 1px;	
	max-width: 1320px;
	padding: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 -1px 6px 2px rgba(2, 2, 2, 0.7);
}

html, body {
	background-image: url("./images/background.jpg");
    color: #536482;
    background-color: #e7e7e7;
}

.bgsitename {
	background: transparent none repeat scroll 0 0;
	color: #f4f4f4;
	font-size: 2em;
	font-weight: bolder;
	text-align: center;
	text-shadow: 8px 8px 8px #9f8f78;
}

.site-description {
    float: left;
    width: 80%;
	color: #f4f4f4;
	font-size: 12px;
	font-weight: bold;
}

.site_logo {
    display: inline-block;
    width: 450px;
    height: 147px;	
}

.headerbar, .forumbg {
	background-color: transparent;	
	background-repeat: repeat-x;
	color: #f4f4f4;
}

.navbar {
    padding: 3px 10px;
    border-radius: 7px;
    font-weight: bold;
	background-color: #688CB0 !important;    
	background-image: none;
	color: #f4f4f4;
	font-weight: bold;
	font-size: 10.5px;
}

.notification_text {
    color: #194280;
}

.dropdown-extended .header .header_settings a {
    color: #194280;
}

div.rules {
    border-radius: 7px;
    font-weight: bold;
	background-color: #BACAD8 !important;    
	background-image: none;
	border: 1px solid #f4f4f4;
}


.forabg {
	background-color: transparent !important;	
	background-image: url("./images/forabg.png");
	background-repeat: repeat-x;
	border: 1px solid #f4f4f4;
	margin-bottom: 20px;
}

a.forumtitle {
    font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
	color: #f4f4f4;
}

a.forumtitle:hover{
    color: #D31141;
}

.forumbg .header a, .forabg .header a, th a {
	font-family: Arial;
    color: #f4f4f4;
	font-size: 13px;
	font-weight: bold;
	background-color: #194280;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    color: #f4f4f4;
	text-decoration: none;
}

ul.topiclist li {
    color: #0D2244;
    font-size: 10.5px;
	font-weight: bold;
}

ul.forums {
    background-color: #688CB0 !important;    
	background-image: none;
}

ul.topiclist dd {
    border-left-color: transparent;
}

li.row {
    border-top-color: #354E66;
    border-bottom-color: #00608F;
}

li.row strong {
    color: #f4f4f4;
	font-weight: bold;
}

li.row:hover {
	background-color: #BACAD8;
	color: #688CB0;
}

li.row:hover dd {
	border-left-color: #688CB0;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

li.header dt, li.header dd {
	color: #f4f4f4;
	font-weight: bold;
}

a {
    color: #f4f4f4;
	font-weight:bold;
}

h2.ucp-title {
    color: #f4f4f4;
	font-size: 14px;
	font-weight: bold;
}

p.right {
    text-align: right;
    color: #f4f4f4;
}

p {
    line-height: 1.5em;
    font-size: 1.1em;
    margin-bottom: 1.1em;
}

p.time {    
    color: #f4f4f4;
}

.dropdown .dropdown-contents {
    background-color: #688CB0;
    border-color: #B9B9B9;
    color: #f4f4f4;
}

.stat-block.permissions p {
    color: #f4f4f4;
}

.action-bar {
     color: #f4f4f4;
}

.list-inner a.topictitle {
     color: #194280;	
}

/* font icon */
.fa-external-link-square::before {
	color: #0F274D;	
	font-size: 1.2em;
}

.icon.icon-blue, a:hover .icon.icon-blue {
    color: #194280;	
}	

.icon.icon-red, a:hover .icon.icon-red {
    color: #D31141;	
}	

/* Jumpbox */

.jumpbox-cat-link {
	background-color: #194280;
	border-top-color: #194280;
	color: #f4f4f4;
}

.jumpbox-cat-link:hover { 
	background-color: #006fa0;
	border-top-color: #dadada;	
}

.jumpbox-forum-link {
	color: #194280;
	
}

.jumpbox-forum-link:hover {
	color: #f4f4f4;
}

.jumpbox .dropdown .pointer-inner {
	border-color: #E1EBF2 transparent;
}

.jumpbox-sub-link {
    color: #194280 !important;
}

.jumpbox-sub-link:hover {
	background-color: #f4f4f4 !important
}

fieldset.display-options label {
   color: #f4f4f4;
}

.copyright {
    color: #f1f1f1 !important;
}

Icons innen müssten natürlich noch erstellt werden. Aber eben, es sollte ja ein Weihnachtsstyle der Moderne werden.
Immerhin könnte der ab dem 5.12. on bleiben :lol:
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Tastenplayer »

Jetzt sieht es schon eher nach einem Weihnachtsstyle der Moderne aus. Allerdings wie heisst es so schön: aussen fix und innen (noch)nichts.
Ausserdem ist nun logisch der Header nicht mehr responsiv. Ob ich das hinbekomme steht in den Sternen. Von dem ganzen Responsiven Teil verstehe ich so gut wie nichts :) Mister Google bringt auch nicht allzu viel Hilfreiches für dieses Problem.
Ausserdem müsste im Style Weihnacht das Forabg-Header-Bild komplett neu erstellt werden. Einen einigermassen gut aussehenden Ersatz konnte ich, trotz Stunden des Suchens, nicht finden. Also auf die Schnelle dieses Bild komplett verändert. Für die Originalbilder wollen sie, wenn ich mich recht erinnere, 595 Euronen 8) !

Style 2 Weihnacht [ externes Bild ] (Icons sind natürlich nur proforma. Ebenso müsste die Searchbox sowie der Stylechanger noch angepasst werden)
Hier mit dem ausgestauschten Forabg-bild [ externes Bild ] Das andere finde ich schon irgendwie besser farblich. Nur dieser war bezahlbar :lol: und wenn man das Forum sieht, sieht es auch nicht schlecht aus.

Style 3 silver_xmas [ externes Bild ] (icons sind kaum zu erkennen, da auf die Schnelle als gif abgespeichert) Ich bleib wohl mit diesem, passt zu meinem Thema den Tasteninstrumenten. Der Weihnachtsstyle Nr. 2 ist mir mit meinen Augen eindeutig zu grell.

Heute die nicht ganz konventionelle responsive Lösung gefunden :lol: Muss nur noch den Text an die kleinen Bilder anpassen.
[ externes Bild ]

Code: Alles auswählen

@media all and (max-width: 1280px) {
   .headerbar {
      background-image: url("./images/header2.png");
	  background-position: center;
      height: 225px;
	  width: auto;
   }
}

@media all and (max-width: 850px) {
   .headerbar {
      background-image: url("./images/header3.png");
	  background-position: center;
      height: 175px;
	  width: auto;
   }
}

@media all and (max-width: 600px) {
   .headerbar {
      background-image: url("./images/header4.png");
	  background-position: center;
      height: 175px;
	  width: auto;
   }
}

.site-description {
   width: auto;
}
Schrift ist jetzt auch in jedem Bild aktualisiert sowie die max-width nochmals besser angepasst. Allerdings besteht noch das Problem, dass die Forenbeschreibung zu lange angezeigt wird und dann wohl über den Text des Bildes 4 kommen würde in einigen Auflösungen. Mal sehen, sonst mach ich die dann weg in diesem Style. Sieht man erst, wenn der Style dann on ist im Liveboard.

Einen auf Prosilver basierenden Style von Grund auf zu erstellen ist eindeutig nicht das Problem. Das ist definitiv der ganze responsive Teil!
Den Style 2 finde ich jedoch immer noch den Schönsten!
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Tastenplayer »

Beitrag edditieren geht schon wieder nicht mehr :)
Aussen ist mein silver_xmas der Moderne nun fix und fertig [ externes Bild ]

Die Icons innen dauern, wie immer.
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 2470
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Joyce&Luna »

Sieht nicht schlecht aus, aber ist mir zu Ton in Ton,
Geschmäcker sind ja nun mal verschieden. Vielleicht hier und da ein Gold Ton?

Anke
phpBB-Style-Design.de

Keine Antwort ist die eindeutigste Antwort, die man kriegen kann.
Bitte stellt die Fragen im Forum und nicht per PN. Danke!
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Tastenplayer »

Joyce&Luna hat geschrieben:Sieht nicht schlecht aus, aber ist mir zu Ton in Ton,
Geschmäcker sind ja nun mal verschieden. Vielleicht hier und da ein Gold Ton?
Anke
Ja Anke - nur soll der Style modern und ausserdem schlicht sein. Gut auf dem Foto kommt die silberne Schrift nicht allzugut rüber. Vielleicht müsste ich da andere Farbe nehmen. Ausserdem sah man die silbernen Icons kaum, deshalb jetzt halt auch black :) Ich hab jetzt auch noch ein Santa No Ava reingemacht sowie Bilderrahmen. [ externes Bild ]
Klar ist er ziemlich krass. Aber dieses Jahr ist so viel passiert auf dieser Welt. Ich wollte was Schlichtes ohne glitzer und trara.

Style Weihnacht Nr. 2 wäre schon auffälliger gewesen. Wenn ich Zeit finde, mache ich den auch noch fertig. Allerdings den Header dort responsiv hinzubekommen wird schwierig - mit Trick läuft bei dem Style nichts.

Heute Nachmittag hatte ich den Style innen noch angepasst, Arbeit ist liegen geblieben :oops: und voll eine Klammer vergessen. Weshalb logisch alles wieder falsch formatiert war.
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 2470
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Joyce&Luna »

Du schaffst das schon, du hast ja viel gelernt hier :D

Sicher ist viel passiert, aber das Leben geht weiter.
Deswegen falle ich nicht in Trauerstimmung.
Aber gestalte du dir deinen Weihnachtsstyle so wie du meinst. Andere Meinungen spielen da keine Rolle, dir muss er gefallen.
Aber ich würde kleine Akzente setzen die sich abheben vom ganzen.

Anke
phpBB-Style-Design.de

Keine Antwort ist die eindeutigste Antwort, die man kriegen kann.
Bitte stellt die Fragen im Forum und nicht per PN. Danke!
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Tastenplayer »

Aber ich würde kleine Akzente setzen die sich abheben vom ganzen.
Da dürftest Du Recht haben! Die kommen jedoch bei dem Style erst bei Aktivität mit der Maus :lol: :lol: (Dann wird es bunt)
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 2470
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Joyce&Luna »

So was mag ich persönlich gar nicht :D

Aber jedem das seine.

Anke
phpBB-Style-Design.de

Keine Antwort ist die eindeutigste Antwort, die man kriegen kann.
Bitte stellt die Fragen im Forum und nicht per PN. Danke!
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Tastenplayer »

Schau mal Anke - hatte leider gestern keine Zeit mehr.
So sieht das ganze bei betätigung mit der Maus aus: [ externes Bild ]
Ist halt mal was Abnormales :lol: Wieso muss immer alles normal sein und der Norm entsprechen!? Man weiss ja meistens auch nicht, was sich im geschenkten Paket befindet :)

Ob ich das allerdings mit meiner Responsivlösung mit den vier Bildern hinbekomme - mal sehen! Sonst mach ich dann im Header was komplett anderes. Zeit ist ja noch mehr als genug!
Zuletzt geändert von Tastenplayer am 06.09.2017 19:43, insgesamt 1-mal geändert.
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 2470
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

Beitrag von Joyce&Luna »

Baby Rosa :o :lol:
Du bist schon verrückt ( ist lieb gemeint )

Mach du mal, den schaue ich mir Weihnachten bei dir Live an :D
phpBB-Style-Design.de

Keine Antwort ist die eindeutigste Antwort, die man kriegen kann.
Bitte stellt die Fragen im Forum und nicht per PN. Danke!
Antworten

Zurück zu „Smalltalk“