Bericht Das neue Design ist da

Jesterfox · 24. März 2015

Offline-Dateien im Style sind auch eher schlecht, da reagieren Browser oft allergisch drauf... am besten hier im Forum als Attachment hochladen und darauf verlinken ;-)

Fermion · 24. März 2015

SheepShaver schrieb:
Weil es nicht mehr zeitgemäß ist? Es war höchste Zeit, das Logo etwas zu entstauben. Das alte sieht aus, als wäre es aus dem letzten Jahrtausend.

Entstauben - okay. Da gehe ich mir dir. Die schwammige Kontur, der Schlagschatten. Auch, dass das große B nun über "om" von Computer angeordnet ist. Das sind vernünftige Änderungen.

Dass aber komplett auf Orange verzichtet wird, finde ich nicht richtig. Ich kann nicht mehr mit Sicherheit sagen, ob das Logo beim Launch der Ur-Seite existent war, aber definitiv seit 2002 - 2003 mit V2.x (siehe Anhang). Das Logo ist somit seit über einem Jahrzehnt die einzige Konstante im CB-Auftritt, an der nie rumgepfuscht wurde. Egal wo du hinschaust - Banner, Wasserzeichen, Favicon, .. - am dem weiß-orangen Logo erkennst du CB auf Anhieb.

Weiß auf Blau? Beliebig. Insbesondere beim Favicon wiegt das schwer. Das alte Icon ließ sich super in der Tab-Leiste identifizieren. Nun geht es im Meer der anderen zehn weiß-blauen Icons unter.

eyedexe · 24. März 2015

2. Vorschlag meinerseits (siehe Anhang), wenn man das B im Logo von den anderen Buchstaben abheben möchte, so wie zu seiner Zeit das Orange im Logo. Bei Interesse kann ich die SVG-File zur Verfügung stellen.

So sieht es bei mir nun insgesamt nach meinen Vorstellungen aus:

Turrican101 · 24. März 2015

SunnyboyXP0 schrieb:
Genau, BWM, Mercedes, Porsche, VW, WMF, Siemens, (Thyssen)Krupp etc. pp. ändern wirklich dauernd ihre Logos.

Also Mercedes hat sein Logo in den letzten 10 Jahren mehrmals geändert, hatte zwischendurch sogar Flatdesign (und das vor Windows 8). VW hat seins auch zumindest von der Erscheinung überarbeitet, den 3D-Metallic-Effekt gabs früher nicht.

Aber das CB-Logo in Orange wäre schon besser, da wurde zuviel reduziert. Genau das hat Mercedes dann auch irgendwann gemerkt und wieder ein 3D-Logo eingeführt.

Yuuri · 24. März 2015

SunnyboyXP0 schrieb:
Genau, BWM, Mercedes, Porsche, VW, WMF, Siemens, (Thyssen)Krupp etc. pp. ändern wirklich dauernd ihre Logos.

pYrus · 24. März 2015

Was mich aktuell auf der Hauptseite noch am meisten stört ist, dass die Downloads rechts viel zu weit unten sind. Das sollte direkt unter, oder noch besser genau auf dem "Aus dem Forum" Bereich verpflanzt werden.

habichtfreak · 24. März 2015

pYrus schrieb:
Was mich aktuell auf der Hauptseite noch am meisten stört ist, dass die Downloads rechts viel zu weit unten sind. Das sollte direkt unter, oder noch besser genau auf dem "Aus dem Forum" Bereich verpflanzt werden.

das "geht nicht". früher war das möglich, weil die seite durchgängig nach unten verlief. jetzt wird sie durch "video" und "im fokus" unterbrochen.

LieberNetterFlo · 24. März 2015

ich schau auf CB eigentlich nur Videos die in einem Artikel eingebettet sind ... ich bräuchte da keine Unterbrechung auf der Startseite

seit wann kann man sich den Ticker "merken"? Das gefällt mir schonmal

Cool Master · 24. März 2015

So mal noch mal meine Kritik Punkte:

Cool Master schrieb:
- Im Forum ist viel zu viel weiß. (Das brennt einem die Augen aus wenn es mal Dunkel ist)
- Fixed Menü: Ich hasse sie überall! Dafür hat man Tabs in dem ein Artikel/Forums Beitrag geöffnet wird und danach wider zu gemacht wird.
- Warum kein Breitbild Design? Damit meine ich 2-3 Artikel in der Übersicht nebeneinander statt alles in eine Liste. Warum muss man auf ~960px in der Mitte bleiben?

1. Punkt wurde überarbeitet, danke dafür!

2. Punkt: Wenn man daran festhalten möchte könnte man es kleiner machen? Ich dachte da an etwa die Höhe von dem blauen Header im Forum (da wo Beitrag und Datum drin stehen). Ich bin nach wie vor kein Freund von Fixed Menus aber mit einer deutlichen verkleinerung könnte ich leben. Das Logo könnte man auch durch ein "Haus" ersetzen um wieder auf die Startseite zu kommen. User Bild und die Suche sind denke ich auch eher uniteressant wenn man bereits mitten im Forum bzw. auf der Seite ist.

3. Fehlt mir immer nocht

Ich bau auch gerade eine Seite um und habe mich für 5 Größen im Responsive Design entscheiden:

max-width:39.9375em (bis 639) Smatphone
max-width:64em (bis 1024) Tablet
max-width:80em (bis 1280) Desktop "klein"
max-width:120em (bis 1920) Desktop "normal"
max-width:160em (bis 2560) Desktop "groß"

habichtfreak · 24. März 2015

so, wahrscheinlich bin ich noch lange nicht fertig, vllt werde ich es auch nie sein, aber egal. ich danke nebuk für sein userstyle. ich habe einige individuelle anpassungen vorgenommen, die MIR gefallen. wem es auch gefällt, der kann es vollständig (oder einzelne bausteine) übernehmen. änderungen (ich zähle nicht alle auf):

- altes logo
- news/hauptlinks sind orange/blau und fett
- footer geht nicht mehr über die gesamte seite (die weiße linie bekomme ich leider nicht weg)
- bereiche zwischen News/footer und/oder artikel/footer wurde entflattet (gibts das wort überhaupt)
- farbgebung von charts geändert
- an gefühlten 1000 stellen orange durch blau ersetzt
- die meisten elemente mit hover, nutzen die beiden hauptfarben von cb, blau-->orange. vorher war es orange-->dunkleres orange
- die menüleiste im forum wurde beim style von nebuk irgendwie zerschossen, hab ich rückgängig gemacht
- darstellung der zeitangaben ähnlich wie früher
- mehr fällt mir gerade nicht ein

um einen eindruck zu bekommen:

Code:

@-moz-document domain("www.computerbase.de") {
body, input, select, button, textarea {
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
}
  
/* Rückt den ganzen Content in die Mitte (Werbung!) */
.block, .header, .subheader, .fullwidth-block {
  /* padding-right: 160px; */
  padding-right: 0px;
}

/* Entfernt die Werbebanner */
.adbox-banner {
  display: none;
}

.mainmenu-nav a {
  font-size: 1.20em;
}
 
/*Schriftgrösse vom Ticker*/
.ticker__body {
  line-height: 1.125rem;
  padding-left: 2.8125rem;
  font-size: 13px;
}
 
/* Artikel Context */
.ticker .readmore-link strong, .ticker__article-link strong {
  color: #e84d0e;
  font-weight: 400;
  letter-spacing: .05em;
  text-transform: none;
  font-weight: bold;
}

.more-link {
  background: #1b29ad;
  color: #fff;
  font-size: .875em;
  margin-right: .2em;
  padding: 2px 0.8em;
  border-radius: 8px;
}
 
/* Links vom Ticker */
a {
  color: #1b29ad;
 /* font-weight: bold; */
  text-decoration: none;
}

.ticker__update a:hover {
/*  text-decoration: none;*/
  color: white !important;
}
 
/* Update Schildchen im Ticker */

    
/* besuchte Links im Ticker */
.ticker__article-link:visited, .ticker__update:visited {
  color: #aaa;
}

/* Korrigiert das ungewollte einrücken im Ticker auf der Homeseite */
.ticker__body {
  line-height: 1.125rem !important;
  padding-left: 2.8125rem !important;
  font-size: 13px;
}
 
/* Überschrift im Teaser */
.teaser__title {
  font-size: 1.625em;
  color: #e84d0e;
}
 
/* Farbe Author*/
.article__author {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…%2013h12c0-1.8-3.5-3.4-4.5-3.5z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.125rem;
  color: #aaa !important;
}
 
/* Context vom Teaser */
.article__context, .teaser__context, .slide__context, .charts__context, .article-view__context {
  color: #666;
  display: block;
  font-weight: 400;
  letter-spacing: .1em;
  padding-bottom: .0625rem;
  text-transform: none;
  word-spacing: 0rem;
}

.geizhals__title {
  font-size: .875em;
  font-weight: 700;
  margin-bottom: .1875rem;
  margin-left: 6em !important;
}

.geizhals__subtitle {
  color: #222;
  word-wrap: break-word;
  margin-left: 7em !important;
}
 
/* Einführung in Artikel */
.article__intro {
  /* font-size: .875rem; */
  line-height: 1.1875rem;
  margin-top: .1875rem;
}

/* Abstand Bild in der Shoutbox (unter dem ersten grauen Balken rechts */
.shoutbox-default {
  background-image: url(https://www.computerbase.de/img/shoutbox-default.svg);
  background-repeat: no-repeat;
  background-color: #fff;
  border-color: #bbb;
  padding-left: 6em !important;
}

.shoutbox a:hover {
  color: #e84d0e !important; 
  text-decoration: underline;
}

.article-view__content a {
  color: #2c5b9c !important; /*#1b29ad !important;*/
  text-decoration: underline !important;
}
  
.article-view__content a:visited {
  color: #60658e !important;
  text-decoration: underline !important;
}

.article-view__content a:hover {
  color: #e84d0e !important;
  text-decoration: underline !important;
}
  
.article-view__h1 {
  text-align: left !important;
}

/* Dieser Teil mit dem Logo von Infi<3 (https://www.computerbase.de/forum/members/infi-3.409338/) übernommen */
/* ((((((((( */
/* Ersetzt das neue Logo */
.homepage-link {
  background-image: url("http://abload.de/img/cblogo2e0ux1.png");
  background-repeat: no-repeat;
  background-position: 0em 0.3em;
  display: block;
  width: 147px;
  height: 64px;
}
 
/* Entfernt das alte */
.homepage-link img {
  display: none;
}
/* bis hier her */
/* ))))))))) */
 
/* Hintergrund aussen */
.block {
  background: #71A4D5;
}
 

.ticker__date {
  float: left;
  font-size: 10px;
  margin-top: 2px;
}
 
/* Tickerhintergrund */
.row-23, .row-50 {
  padding: 0;
  background-color: #fff;
}
 
/* Datum im Ticker */
.ticker-group {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.3;
  margin-bottom: .5em;
  text-transform: none;
}
 
/* Hashtag im Submenü */
.big-header__tag-link, .tag, .htag {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…6.8M3%2025.4l-1.5%208.4M6.5%2025.4L5%2033.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
 
/* Farbe vom Submenü */
.tag, .htag {
  color: #71A4D5;
  display: inline-block;
  white-space: nowrap;
}

.tag {
  background-color: #244b80;
  background-position: 7px 6px;
  margin: .125rem 0;
  padding: 0 7px 0 7px; /* Verkleinert den Abstand zum Rand -> da # nicht angezeigt wird */
}

/* Footer */
.footer1 {
  background: #fff !important;
  border-top: 1px solid #ddd;
}
 
.footer2 {
  background: #2c5b9c !important;
  color: #fff;
}
 
.block-breakout {
  background: #ddd !important;
}
 
.block-highlight {
  background: #ddd !important;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,.1);
  box-shadow: 0 0 8px rgba(0,0,0,.1);
  position: relative;
  z-index: 3;
}
 
.follow-links {
  display: none;
}
 
/* Meistgelesene News */
.box-white {
  background-color: #ddd !important;
  border-color: #bbb;
}
 
 
/* * * * * * * * */
/* Tests Artikel */
 
 
/* Abstand zwischen Bild und Text */
.article__main {
  margin-left: 6.5em;
}
 
.article__intro {
  font-size: 1em;
  line-height: 1.1875rem;
  margin-top: .1875rem;
}
   
.article__context, .teaser__context, .slide__context, .charts__context, .article-view__context {
  color: #666;
  display: block;
  font-weight: 400;
  letter-spacing: .1 em !important;
  padding-bottom: .0625rem;
  text-transform: none;
  word-spacing: 0em !important;
}
   
.article__title {
  line-height: 1.3125rem;
  color: #1b29ad;
}

.text-width {
  max-width: 43.375rem;
}

/* Dieser Teil mit dem Logo von Infi<3 (https://www.computerbase.de/forum/members/infi-3.409338/) übernommen */
.tocbox {
  position: fixed;
  right: 50%;
  margin-top: 6.55em;
  margin-right: -59em;
  z-index: 2;
}
.toctoggle {
  display: none;
}
.toc--top {
  display: block !important;
}
.toc {
  border: 1px solid #bbb;
  box-shadow: none !important;
  border-top-left-radius: 0;
}
/* Bis hier her*/
 
/* Video */
.video-hero__title a {
  color: #e84d0e;
}
 
.video__title a {
  color: #1b29ad;
}
   
    
    
    
/* * * * */
/* Forum */

/* FIX für eingeblendete Werbung: Beitragssymbole im Editor stehen wieder näher zusammen */
.formcontrols .blockrow label {
  width: auto !important;
  float: left;
  font-size: 12px !important;
}

.blockrow a {
  color: #2c5b9c;
}
.blockrow a:hover {
  color: #e84d0e !important;
}

.title .threadtitle_unread a {
  color: #2c5b9c !important;
  text-decoration: none;
}

.threadtitle {
  color: #2c5b9c !important;
}

.announcement a {
  font-size: 12px;
}

.forumdata .forumtitle a {
  color: #2c5b9c !important;
  text-decoration: none;
}

.announcements .announcerow:first-child {
  margin-top: 0;
  font-size: 11px;
}

.vb-body {
  background: #fff;
  font-size: 12px !important;
  color: #000000;
  line-height: 1.230;
  padding: 20px 20px 0;
}

.button {
  padding: 2.5px 5px;
  font: bold 12px verdana,arial,sans-serif !important;
  border: 1px solid #a8a8a8;
  color: #424242;
  background: #e9e9e9 url(https://www.computerbase.de/forum/images/gradients/generic_button.png) repeat-x top left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.postcontent a:hover, .signature a:hover {
  text-decoration: underline;
  color: #e84d0e !important;
}

.pagination span a {
  font-size: 12px !important;
  border: 1px solid #cedfeb;
  height: 14.76px;
  padding: 4px 4px;
  margin-left: 1px;
  background: #f4f4f4 none;
  text-decoration: none;
  color: #2c5b9c !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  text-align: center;
  min-width: 18px;
}

.pagination span.selected a {
  background: #628ECA none;
  color: #ffffff !important;
  border: 1px solid #3572AF;
  font-weight: bold;
}

.threadbit .threadtitle {
  margin-top: 8px;
  font-size: 12px !important;
  color: #000;
}

/* Breadcrumbs Links */
.breadcrumb .navbit a {
  color: #2c5b9c !important;
}

.breadcrumb .navbit a:hover {
  color: #e84d0e !important;
}

/* unter Thread - Username + Timestamp */
.label {
  font-size: 11px !important;
}
 
/* Zeige Themen Button */
.forum_info_form .options_input_block .button {
  position: relative;
  margin-top: 14.22px;
  font-size: 12px;
}

/* Buttons im Forum */
.newcontent_textcontrol {
  background: #2c5b9c none;
  _background-image: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 8px;
  font-size: 12px;
  color: #FFFFFF;
  padding: 2px 18px 2px 18px;
  border: 0;
  display: block;
  float: left;
  clear: right;
}

/* Schriftart im Editor */
.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
  color: #222222;
  font: 13px verdana,arial,sans-serif !important;
  white-space: pre-wrap;
  background: #FFFFFF none;
  display: block;
}

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
  padding: 5px 10px 10px;
  font: 13px verdana,arial,sans-serif !important;
  /*color: #000;*/
}

.postcontent a, .signature a {
  text-decoration: underline;
  color: #2c5b9c !important;
}

blockquote.preview.forumcontent a {
  color: #2c5b9c !important
}

blockquote.preview.forumcontent {
  font: 12px verdana,arial,sans-serif !important;
}

.userinfo strong {
  color: #2c5b9c !important;
}
    
/* Schriftart und grösse in Posts/Threads */
.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
  padding: 5px 10px 10px;
  font: 13px verdana,arial,sans-serif;
  color: #000;
}

/* Userinfos in Foren verkleinert */
.postbitlegacy .userinfo .userinfo_extra {
  font-size: 11px;
}
      
      
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li {
  font-size: 11px !important;
  text-align: right;
  padding-right: 10px;
  display: block;
  line-height: 14px;
}

/*******/
/* von hier weg übernommen von Infi<3 (https://www.computerbase.de/forum/members/infi-3.409338/) übernommen
/* ((((((((( */
.threadbit .title {
  background: transparent none no-repeat left top;
  font-size: 13px;
}
    
/*flat comments*/
.postbit, .postbitlegacy, .eventbit {
  padding: 0px;
}
.blockhead {
  box-shadow: none;
}

 
/*flat buttons*/
.pagination span a {
  border-radius: 0px !important;
}
.blockfoot .button, .navpopupmenu .popupctrl, .navpopupmenu .textcontrol {
  background: #f4f4f4 none !important;
  border: 1px solid #cedfeb !important;
  color: #2c5b9c !important;
  font-weight: 500 !important;
}
 
/*remove optionsblock*/
.options_block_container {
  display: none !important;
}
.navlinks {
  border: none;
  background: #fff;
}
 
/*position of embedded forum*/
.vb-nav {
  margin-bottom: 0em;
  padding-bottom: 0.2em;
}
.below_body {
  margin-bottom: 20px;    
}
.block--top>.wrapper>.row {
  padding-bottom: 0px;
}
 
.vb-nav {
  margin: 0 auto;
  background: #fff;
  /*font-size: 14px;*/
  margin-bottom: 1em !important;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}

/* Texteditor */
.cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
  color: #222222;
  font: 12px verdana,arial,sans-serif !important;
  white-space: pre-wrap;
  background: #FFFFFF none;
  display: block;
}

/* Buttons zum Absenden */
.actionbuttons .group .button {
  cursor: pointer;
  padding: 2.5px 5px;
  font: bold 12px Verdana,arial,sans-serif !important;
  border: 1px solid #a8a8a8;
  color: #424242;
  background: #e9e9e9 url(https://www.computerbase.de/forum/images/gradients/generic_button.png) repeat-x top left;
}

/* bis hier her */
/* ))))))))) */

/* * * * * */
/* Artikel */

/* Blocksatz in Artikel */
.article-view {
  background: #fff;
  padding: 20px 1.25em 0;
  text-align: justify;
}

.article-view__share-links-top {
  display: none;
}

.gist--right {
  clear: right;
  float: right;
  margin: 0 0 .5em .5em;
  text-align: left;
}

/* Abstand von Bild zum Titel und Metainfos vom Artikel */
.article-view__header--11 {
  min-height: 8.375em;
  margin-left: 2.4em;
}

.article-view__meta {
  font-size: 10px;
  color: #aaa;
}

/* * * * * * * * * * */
/* Artikel Übersicht */

/* Entfernt die Socialmedia Icons */
.share-links {
      display: none;
}

/* Vergrösstert den Abstand zwischen den Bildern und dem Text */
.download__main {
  margin-left: 5.8125em;
}

/* * * * * * * * * */
/* Kontrollzentrum */

/* Poppup User */ 
.menupanel {
  background: #ddd;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 28px 2px rgba(0,0,0,.33);
  -moz-box-shadow: 0 0 28px 2px rgba(0,0,0,.33);
  box-shadow: 0 0 28px 2px rgba(0,0,0,.33);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px !important;
  padding: 11px;
  position: absolute;
  right: 10px;
  top: 49px;
}

.cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_ok, .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_cancel, .textcontrols a, a.textcontrol {
  position: relative;
  padding: 3px 5px;
  font: bold 12px verdana,arial,sans-serif;
  line-height: 1.230;
  text-decoration: none;
  border: 1px solid #a8a8a8;
  color: #424242;
  background: #e9e9e9 url(https://www.computerbase.de/forum/images/gradients/generic_button.png) repeat-x top left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

/* Alle abonierten Themen anzeigen Button*/
.popupmenu.nohovermenu {
  float: right;
  padding: 0;
  clear: left;
  margin-left: 10px;
  font-size: 12px !important;
  margin-top: 17.38px;
  margin-bottom: 10px;
}

.navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
  color: #424242;
  background: #e9e9e9 url(https://www.computerbase.de/forum/images/gradients/generic_button.png) repeat-x top left;
  _background-image: none;
  border: 1px solid #a8a8a8;
  font: bold 12px verdana,arial,sans-serif;
  padding: 3.3333333333333px 6.6666666666667px;
}

#usercp_nav li {
  position: relative;
  color: #2c5b9c !important;
  font-size: 12px !important;
}

/* PM Liste */
.pmlist .blockrow .title {
  font-size: 12px !important;
}

.blockrow .pmbit .title a {
  color: #2c5b9c !important;
  text-decoration: none;
}

/* Absender */
.pmlist .blockrow .commalist {
  font-size: 12px !important;
  padding-top: 0.3em;
}

.formcontrols .blockrow label {
  width: 212px;
  float: left;
  font-size: 12px !important;
}

/* inhalt in den Comboboxen */
.vb-body .textbox, .vb-body textarea, .vb-body select {
  font: normal 12px verdana,arial,sans-serif !important;
  color: #000000;
  background: rgb(255,255,255) none;
  border: 1px solid #6B91AB;
  padding: 4px;
  outline: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Abstand zwischen Titel und Beschreibung */
#pagetitle h1 {
  color: #222222;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px !important;
}

/* Beschreibung dazu */
#pagetitle .description {
  color: inherit;
  font-size: 12px !important;
}

input#aim {
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#icq {
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#msn {
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#yahoo {
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#skype{
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#jabber{
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}
/* * * * * * * * * */
/* Preisvergleich  */

#ghbody {
  /* font-size: 14px; */
  background-color: #fff;
  font-size: 12px;
  padding: 10px;
}

#gh_m_topk li a {
  color: #2c5b9c !important;
}

ol.t10 li:before {
  position: absolute;
  top: 11px;
  left: 2.2em;
  margin-right: -0.5em;
}

.mkat h2 a {
  color: #e84d0e !important;
}

/* Searchbox im Preisvergleich */
.geizhals-search {
  font-size: .875em;
  margin: 0 auto;
  position: absolute;
  right: 36px;
  top: -4.8375rem;
  width: 29rem;
  z-index: 4;
}

span.notrans {
  color: #2c5b9c !important;
}

/* * * * * */
/* Search  */

.sitesearch, .sitesearch input, .sitesearch select, .sitesearch button {
  font-size: 12px;
}

.row--search-nav {
  margin: 0;
  padding: 0 2%;
  background-color: #fff !important;
}

.row--search-results {
  padding-top: 20px;
  background-color: #fff !important;
}
  
.box--sidebar {
 border-radius: 18px;
 box-shadow: 0px 0px 10px grey;
}
  
.article-view__comments-link-2 {
  background: #1b29ad;
  border-radius: 8px;
}
  
.entry-nav__prev {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  box-shadow: 0px 0px 10px grey;
}

.entry-nav__next {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  box-shadow: 0px 0px 10px grey;
}
  
.article-view__taglist {
  display: none;
}
  
  
aside.block--breakout > .wrapper > .padding-2{
  background-color: #71a4d5;
}  
 
.footer2 > .wrapper > .row {
  background-color: #2c5b9c;
}
  
.article-view, .vb-nav, .vb-body, .related-box__ul-1, .related-box__ul-2 {
  border-radius: 18px;
  box-shadow: 0px 0px 10px grey;
}  
  
.vb-body {
  margin-bottom: 20px;
}  

/*übernimmt den bläulichen Hintergrund auch für die footer*/
.footer1, .footer2 {
  background-color: #71a4d5 !important;
}  
  
.footer1-box {
  background-color: white !important;
}    
  
.usermenu__count {
  background-color: #2c5b9c;
}
  
.ticker__date {
  background-color: #71a4d5;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
  color: white !important;
}  
  
/*.block--highlight {
  display: none;
}*/
  
.ticker__article-link {
  font-weight: bold;
}

.vb-nav a, .geizhals__price, .teaser__title {
  font-weight: bold;  
  color: #2c5b9c;
}
  
.ticker__body a{
  font-weight: bold;
}  
  
.charts__rank--1 {
  background-color: #2e872d;
}  
  
.charts__rank--2, .charts__rank--3 {
  background-color: #95db2a;
}  
    
.charts__rank--4, .charts__rank--5 {
  background-color: #eab12e;
}   
  
.charts__rank--6, charts__rank--7 {
  background-color: #e36a3b;
}     
  
.charts__rank--8, .charts__rank--9, .charts__rank--10 {
  background-color: #de1d2e;
}    
  
.charts__bar {
 background-image: linear-gradient(90deg, #e36a3b, #2e872d);
  
}  
  
.ticker__update {
 background-color: #1b29ad;
  color: white;
  border-radius: 6px;
  border: none;
}  
  
.block--highlight > .wrapper {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  box-shadow: 0px 8px 6px -6px #888;
}

.box--sidebar {
  margin-top: 10px;
}

.big-header {
  border-radius: 18px;
  box-shadow: 0px 0px 6px #888
}  

  
}

Snooty · 24. März 2015

Wär's möglich, diese ganzen User-Design-Geschichten in einen anderen Thread auszulagern?

Das hat doch nichts mit dem eigentlichen Sinn des Threads zu tun ...

Taron · 24. März 2015

Finde schon, dass es was mit dem Thread, wo es immerhin um das neue Design geht, zu tun hat. Immerhin zeigt es, dass zumindest einige User unzufrieden sind und wegen dem letztendlich endgültigen einführen des neuen Designs Ende März sich selber etwas zurecht basteln.
Ich gehöre dazu. Im Ursprungszustand ist das neue Design für mich weiterhin unbenutzbar. Und was mir ebenfalls über die vergangenen Tage aufgefallen ist: Ich verbringe trotz Custom-Style deutlich weniger Zeit auf CB und lese kaum noch die Tests/News. Bin nur noch im Forum unterwegs, wer weiß wie lange noch, wenn so ein Flat-Design auch hier durchgedrückt werden wird...

Gruß, Köf3

Cool Master · 24. März 2015

Na ja im Forum hat man andere Möglichkeiten. Je nach System kann man hier dem user die Wahl lassen was er will. Würde zwar auch auf der Startseite gehen aber nicht so einfach außer man programmiert sich mal eben ein CSS Switcher was auch nicht gerade in 10 Minuten gemacht ist.

Findus · 24. März 2015

um die Wahl zu lassen muss man erst mal was zu wählen haben und da liegt dann das Problem, dass man eben mehrere Designs erst mal erstellen muss, ein Designswitcher ist da wohl noch das geringste Problem
vermutlich wird das hier ja zukünftig ein Xenforo (gibts da eigentlich was offizielles welche Software man nutzen will?), jedenfalls ist dann sowieso nichts mehr mit der alten vB 4 bzw 3 Optik, egal ob XF, IPS, WBB oder was auch immer

habichtfreak · 24. März 2015

Cool Master schrieb:
Na ja im Forum hat man andere Möglichkeiten. Je nach System kann man hier dem user die Wahl lassen was er will. Würde zwar auch auf der Startseite gehen aber nicht so einfach außer man programmiert sich mal eben ein CSS Switcher was auch nicht gerade in 10 Minuten gemacht ist.

ich lehne mich jetzt mal weit aus dem fenster und sage: das geht ganz einfach. die alte css und die neue beim seitenaufruf liefern. zumindest bei firefox kann ich über ansicht--> webseiten-stil wählen (wenns denn mehrere gäbe). einen css switcher muss man mMn nicht mitliefern, das kann der browser.

xxman · 24. März 2015

Euer Aufwand und Einsatz in Ehren, aber findet ihr es nicht einen Wahnsinn, dass
man sich eine Homepage jetzt auch schon "modden" muß, damit man sie noch liest?

Computerbase war auch meine erste Anlaufstelle wenn es um Infos rund um den PC ging.
Ich schätze den einfachen gut struktuierten Aufbau, sah immer sofort, welche Artikel
neu sind/waren und konnte auch auf einfachste Weise die vergangenen Artikel sofort durch
Durchklicken der aktuellsten Artikel sehen.

Wenn Computerbase nun meint, das wäre antiquirt, so haben sie imho keine Ahnung oder
liesen sich ein Design von den ach so tollen Designern, die mehr Rhetoriker als
Designer zu sein scheinen einreden, das mehr auf Aussehen als auch Funktion setzt.

Wenn sie ignorant ihr Design durchsetzten wollen, bitte, ich werde mir sicher keine
Computerbase-Seite basteln. Und wie ich es bereits erwähnte, werden sie ihren Fehler
an den schwindenden Besucherzahlen bald erkennen. Hochmut kommt vor den Fall...

Andererseits, ich kenne die Verstrickungen in der PC-Medien-Welt nicht, vielleicht ist
ja auch eine "Eingliederung" in den Computec-Verlag (pcgh.de,...) vorgesehen. Die Optik
würde ja schon mal passen.

Cool Master · 24. März 2015

@habichtfreak

Ich halte von der Browser Geschichte nichts. Sowas sollte man einfach per Server/Software Einstellung machen und es nicht über den Browser machen weil es 98% der User eh nicht wissen wie das geht.

@Findus

Da sist das kleinste Problem das Design. Sobald mal ein Grundgerüst steht muss man es halt nur noch anpassen. Das Grundgerüst steht ja bei CB aber so einige Tweaks schaden halt nicht

@PiPaPa

Wurde doch geschrieben weil bei VBulletin praktisch nichts mehr entwickelt wird.

PiPaPa · 24. März 2015

@Findus
Warum sollte Computerbase von vBulletin auf xenforo wechseln?

SheepShaver · 24. März 2015

xxman schrieb:
Und wie ich es bereits erwähnte, werden sie ihren Fehler
an den schwindenden Besucherzahlen bald erkennen. Hochmut kommt vor den Fall...

Wow, deine Reaktion als übertrieben zu bezeichnen, wäre ein Understatement.

Moon_Knight · 24. März 2015

@SheepShaver

Und dafür hat er sich extra einen Account erstellt.

Bericht Das neue Design ist da

Legende

Lieutenant

Lieutenant

Vice Admiral

Fleet Admiral

Lt. Commander

Captain

Rear Admiral

Fleet Admiral

Captain

Commodore

Captain

Fleet Admiral

Lt. Commander

Captain

Newbie

Fleet Admiral

Banned

Commodore

Moon_Knight

Gast

Ähnliche Themen

Passend zum Thema