Stylefarben in der .css ändern.

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
pexstar
Mitglied
Beiträge: 12
Registriert: 27.12.2009 16:41

Stylefarben in der .css ändern.

Beitrag von pexstar »

Hallo!

Bevor ich mich, als Anfänger, in der "orange_bbes.css" tot suche, wollte ich hier kurz nachfragen, wo ich den Farbcode zu der folgenden Überschrift finde:

http://www.spielabend.com

Die Überschrift "Dein erstes Forum" ist in blau. Unter welchem Punkt finde ich das in der CSS?

Die Farben anzupassen finde ich tatsächlich, wenn man in CSS nicht wirklich "drin" ist, doch etwas umständlich. Ansonsten darf ja aber nicht meckern, wenn man so viel Leistung schon so günstig bzw. kostenlos bekommt! :)

Hoffe hier kann mir ein Profi schnell helfen. Vielen Dank!
juliokr
Mitglied
Beiträge: 538
Registriert: 06.02.2015 12:54
Wohnort: Paris
Kontaktdaten:

Re: Stylefarben in der .css ändern.

Beitrag von juliokr »

links.css

==>
in

Code: Alles auswählen

a.forumtitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	
}
musst Du nur die Farbe die Du willst hinzufügen
color : #….
pexstar
Mitglied
Beiträge: 12
Registriert: 27.12.2009 16:41

Re: Stylefarben in der .css ändern.

Beitrag von pexstar »

Habe ich leider so nicht gefunden.

Hier der CODE, vielleicht ist es so einfacher:

Code: Alles auswählen

/* Orange BBEs 
--------------------------------------------- */

html, body {
      background-color: #e08c35;
}

body {
      margin: 0;
      font-family: 'Source Sans Pro','Arial','Helvetica',sans-serif;
      font-size: 12px;
}
 
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #7F7F7F;
    font-family: 'BebasNeueRegular','Arial','Helvetica',sans-serif;
    line-height: normal;
    font-weight: 150;
    margin: 5px 0 10px;
    text-rendering: optimizeLegibility;/* Fix for webkit rendering, well at least for the time being */
    -webkit-font-smoothing: antialiased;/* Fix for webkit rendering, well at least for the time being */
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
    background-color: #FAD983;
    background-image: url("./images/bg_header.gif");
    color: #000000;
}

.navbar {
    background-color: #F0D9A5;
}

.forabg {
    background-color: #FFD741;
    background-image: url("./images/bg_list.gif");
}

.forumbg {
    background-color: #FF0000;
    background-image: url("./images/bg_list.gif");
}

.panel {
        background-color: #F9EBB6;
        color: #000000;
}

.post:target .content {
    color: #000000;
}

.post:target h3 a {
    color: #000000;
}

.bg1 {
    background-color: #F9E289;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    background-color: #F0D9A5;
    color: #000;
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
    background-color: #F9E289;
}

.bg2 {
    background-color: #FF0000;
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
    background-color: #F9E289;
}

.bg3    { background-color: #F0D9A5; }

.ucprowbg {
    background-color: #ebeae7;
}

.fieldsbg {
    background-color: #FF0000;
}

dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
    width: 85px;
    text-align: center;
    line-height: 2.2em;
    font-size: 1.2em;
}

dd.posts, dd.topics, dd.views {
    width: 105px;
}

dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
    width: 230px;
    font-size: 1.1em;
}

.color-icon {
        color: #FF0000;
}

.search-header {
    box-shadow: 0px 0px 10px #E9A24D;
}

/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
    background-color: #F9EBB7;
    background-image: none; /* url("./images/gradient.gif"); */
}

ul.topiclist li {
    color: #a99a7c;
}

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

.rtl ul.topiclist dd {
    border-right-color: #fff;
    border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
    background-image: url("./images/icons/subforum_read.gif");
}

ul.topiclist li.row dt a.subforum.unread {
    background-image: url("./images/icons/subforum_unread.gif");
}

li.row {
    border-top-color:  #FFFFFF;
    border-bottom-color: #F9EBB7;
}

li.row strong {
    color: #000000;
}

li.row:hover {
    background-color: #F6F4D0;
}

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

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

li.header dt, li.header dd {
    color: #000000;
}

/* Post body styles
----------------------------------------*/
.postbody {
    color: #333333;
}

/* Content container styles
----------------------------------------*/
.content {
    color: #333333;
}

.content h2, .panel h2 {
    color: #cd6700;
    border-bottom-color: #cd6700;
}

dl.faq dt {
    color: #333333;
}

.posthilit {
    background-color: #f3d6bf;
    color: #bc6d2a;
}

.announce, .unreadpost {
    /* Highlight the announcements & unread posts box */
}

/* Post signature */
.signature {
    border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
    border-top-color:  #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
    background-color: #F0D9A5;
    background-image: url("./images/quote.gif");
    border-color:#FFF;
}

.rtl blockquote {
    background-image: url("./images/quote_rtl.gif");
}

blockquote blockquote {
    /* Nested quotes */
    background-color:#FAD983;
}

blockquote blockquote blockquote {
    /* Nested quotes */
    background-color: #EBEADD;
}

/* Code block */
.codebox {
    background-color: #EAB71B;
    background-image: url("./images/code.png");
    background-repeat: no-repeat;
    background-position: 3px 3px 3px;
    padding-left: 20px;
    border-color: #FFF;
}

.codebox p {
    border-bottom-color:  #CCCCCC;
}

.codebox code {
    color: #000;
}

.syntaxbg    { color: #FFFFFF; }
.syntaxcomment    { color: #FF8000; }
.syntaxdefault    { color: #60667e; }
.syntaxhtml    { color: #000000; }
.syntaxkeyword    { color: #745c00; }
.syntaxstring    { color: #dd9b00; }

/* Attachments
----------------------------------------*/
.attachbox {
    background-color: #FAD983;
    border-color:  #FFF;
}

.pm-message .attachbox {
    background-color: #FAD983;
}

.attachbox dd {
    border-top-color: #FFF;
}

.attachbox p {
    color: #666666;
}

.attachbox p.stats {
    color: #666666;
}

.attach-image img {
    border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
    color: #666666;
}

dl.thumbnail img {
    border-color: #666666;
    background-color: #FFFFFF;
}

dl.thumbnail dd {
    color: #666666;
}

dl.thumbnail dt a:hover {
    background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
    border-color: #ddad78;
}

div.rules {
    background-color: #EDCA3D;
    color: #fcb000;
}

p.post-notice {
    background-color: #EDCA3D;
    background-image: none;
}

/* CP tabbed menu
----------------------------------------*/
#tabs .tab > a {
    background: #F9EBB6;
}

#tabs .tab > a:hover {
    background: #F9E289;
    color: #bc6d2a;
}

#tabs .activetab > a {
    background: #F0D9A5;
}

#tabs .activetab > a:hover {
    background: #F0D9A5;
    background: -moz-linear-gradient(top, #fef5ec 0%, #F0D9A5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fef5ec), color-stop(100%, #F0D9A5));
    background: -webkit-linear-gradient(top, #fef5ec 0%, #F0D9A5 100%);
    background: -o-linear-gradient(top, #fef5ec 0%, #F0D9A5 100%);
    background: -ms-linear-gradient(top, #fef5ec 0%, #F0D9A5 100%);
    background: linear-gradient(to bottom, #fef5ec 0%, #F0D9A5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef5ec', endColorstr='#F0D9A5', GradientType=0 );
    box-shadow: 0 1px 1px #fffbf6 inset;
    color: #333333;
}

#tabs .activetab > a:hover {
    background: #F0D9A5;
    color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs .tab > a {
    background-color: #f6f0eb;
}

#minitabs .activetab > a,
#minitabs .activetab > a:hover {
    background-color: #F9F9F9;
    color: #333333;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
    color: #333;
    background: #F9EBB6;
    background: -moz-linear-gradient(left, #F9EBB6 50%, #F9F9F9 100%);
    background: -webkit-gradient(left top, right top, color-stop(50%, #F9EBB6), color-stop(100%, #F9F9F9));
    background: -webkit-linear-gradient(left, #F9EBB6 50%, #F9F9F9 100%);
    background: -o-linear-gradient(left, #F9EBB6 50%, #F9F9F9 100%);
    background: -ms-linear-gradient(left, #F9EBB6 50%, #F9F9F9 100%);
    background: linear-gradient(to right, #F9EBB6 50%, #F9F9F9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9EBB6', endColorstr='#F9F9F9', GradientType=1 );
}

.rtl #navigation a {
    background: #F9EBB6;
    background: -moz-linear-gradient(left, #F9F9F9 0%, #F9EBB6 50%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #F9F9F9), color-stop(50%, #F9EBB6));
    background: -webkit-linear-gradient(left, #F9F9F9 0%, #F9EBB6 50%);
    background: -o-linear-gradient(left, #F9F9F9 0%, #F9EBB6 50%);
    background: -ms-linear-gradient(left, #F9F9F9 0%, #F9EBB6 50%);
    background: linear-gradient(to right, #F9F9F9 0%, #F9EBB6 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#F9EBB6', GradientType=1 );
}

#navigation a:hover {
    background: #F9E289;
    color: #bc6d2a;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation #active-subsection a {
    background: #F9F9F9;
    color: #d36911;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation #active-subsection a:hover {
    color: #d36911;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
    #navigation a, .rtl #navigation a {
    background: #ddd4ca;
    }
}

.dropdown-extended ul li {
    border-top-color: #B9B9B9;
}

.dropdown-extended ul li:hover {
    background-color: #F6F4D0;
    color: #000000;
}

.dropdown-extended .header, .dropdown-extended .footer {
    border-color: #B9B9B9;
    color: #000000;
}

.dropdown-extended .footer {
    border-top-style: solid;
    border-top-width: 1px;
}

.dropdown-extended .header {
    background: #d57818;
    background: -moz-linear-gradient(top, #d57818 0%, #EEB25D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d57818), color-stop(100%, #EEB25D));
    background: -webkit-linear-gradient(top, #d57818 0%, #EEB25D 100%);
    background: -o-linear-gradient(top, #d57818 0%, #EEB25D 100%);
    background: -ms-linear-gradient(top, #d57818 0%, #EEB25D 100%);
    background: linear-gradient(to bottom, #d57818 0%, #EEB25D 100%);
    text-shadow: none;
}

.dropdown .pointer {
    border-color: #d57818 transparent;
}

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

.dropdown-extended .pointer-inner {
    border-color: #d57818 transparent;
}

.dropdown .dropdown-contents {
    border-color: #d57818;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
    background-color: #F6F4D0;
}

/* Pagination
---------------------------------------- */

.pagination li a {
    color: #b2a18c;
    background-color: #F0D9A5;
    border-color: #000000;
}

.pagination li.ellipsis span {
    background-color: transparent;
    color:    #000000;
}

.pagination li.active span {
    color: #000000;
    background-color: #FBCF76;
    border-color: #000000;
}

.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
    border-color: #000000;
    background-color: #F9E289;
    color: #000000;
}

.pagination li.next a, .pagination li.previous a, .pagination li.page-jump a {
    background-image: url("./images/icons_pagination.png");
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
    background-image: url("./images/icon_pages.gif");
}

ul.linklist li.responsive-menu a.responsive-menu-link:before {
    border: none;
    content: '\f0c9';
    color: #888;
    font-family: FontAwesome;
    font-size: 14px !important;
    line-height: inherit !important;
    position: absolute;
    height: auto;
    width: auto;
    left: 0px;
    top: auto;
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
    border-color: #FFA64D;
    background-color: #F9E289;
    background-image: -moz-linear-gradient(top, #F9E289, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #F9E289, #FFFFFF);
    background-image: -o-linear-gradient(top, #F9E289, #FFFFFF);
    background-image: linear-gradient(to bottom, #F9E289, #FFFFFF);
    font-family: 'BebasNeueRegular','Arial','Helvetica',sans-serif;
    font-weight: bold;
    height: auto;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 150;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F9E289', EndColorStr='#FFFFFF')";
    box-shadow: 0 0 0 1px #F9E289 inset;
    -webkit-box-shadow: 0 0 0 1px #F9E289 inset;
    transition: all 0.2s;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000000;
}

.dropdown-select {
    color: #aea183;
}

.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
    border-color: #FFA64D;
    background-image: -moz-linear-gradient(top, #FFFFFF, #F9E289);
    background-image: -webkit-linear-gradient(top, #FFFFFF, #F9E289);
    background-image: -o-linear-gradient(top, #FFFFF, #F9E289);
    background-image: linear-gradient(to bottom, #FFFFF, #F9E289);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#F9E289')";
    text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #F9E289, -1px -1px 0 rgba(188, 109, 42,  0.2);
}

.dropdown-select:after    { border-color: #FFA64D; }
.dropdown-select:hover    { border-color: #FFA64D; }

.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select {
    border-color: #FFA64D;
    color: #df8828;
}

.contact-icons a    { border-color: #DCDCDC; }
.contact-icons a:hover    { background-color: #fbf8f6; }

.btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left;
}
.btn-group, .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
    border-color: #aea183;
}

.responsive-tab .responsive-tab-link:hover:before {
    border-color: #bc6d2a;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
    border-color: #FFA64D;
    background-color: #F9E289;
    background-image: -moz-linear-gradient(top, #F9E289, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #F9E289, #FFFFFF);
    background-image: -o-linear-gradient(top, #F9E289, #FFFFFF);
    background-image: linear-gradient(to bottom, #F9E289, #FFFFFF);
    font-family: 'BebasNeueRegular','Arial','Helvetica',sans-serif;
    font-weight: bold;
    height: auto;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: 150;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F9E289', EndColorStr='#FFFFFF')";
    box-shadow: 0 0 0 1px #F9E289 inset;
    -webkit-box-shadow: 0 0 0 1px #F9E289 inset;
    transition: all 0.2s;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000000;
}

a.button1, input.button1 {
    border-color: #bc6d2a;
}

input.button3 {
    background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
    border-color: #e08c35;
}

/* <a> button in the style of the form buttons */
a.button1, a.button2 {
    color: #000000;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
    text-decoration: none;
    padding: 2px 8px;
    line-height: 250%;
    vertical-align: text-bottom;
    background-position: 0 1px;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    border-color: #FFA64D;
    background-image: -moz-linear-gradient(top, #FFFFFF, #F9E289);
    background-image: -webkit-linear-gradient(top, #FFFFFF, #F9E289);
    background-image: -o-linear-gradient(top, #FFFFF, #F9E289);
    background-image: linear-gradient(to bottom, #FFFFF, #F9E289);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#F9E289')";
    text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #F9E289, -1px -1px 0 rgba(188, 109, 42,  0.2);
}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
    border-color: #e08c35;
    color: #e09225;
}

input.search {
    background-image: url("./images/icon_textbox_search.gif");
}

input.disabled {
    color: #666666;
}

/* Icon images
--------------------------------------------- */

.imageset.site_logo {
    background-image: url("./images/BBEs_logo.png");
    padding-left: 290px;
    padding-top: 86px;
}

.icon-button:before, .dropdown-select:after    { background-image: url("./images/icons/icons_button.png"); }

/* Forum icons & Topic icons */
.global_read                    { background-image: url("./images/icons/announce_read.png"); }
.global_read_mine                { background-image: url("./images/icons/announce_read_mine.png"); }
.global_read_locked                { background-image: url("./images/icons/announce_read_locked.png"); }
.global_read_locked_mine            { background-image: url("./images/icons/announce_read_locked_mine.png"); }
.global_unread                    { background-image: url("./images/icons/announce_unread.png"); }
.global_unread_mine                { background-image: url("./images/icons/announce_unread_mine.png"); }
.global_unread_locked                { background-image: url("./images/icons/announce_unread_locked.png"); }
.global_unread_locked_mine            { background-image: url("./images/icons/announce_unread_locked_mine.png"); }

.announce_read                    { background-image: url("./images/icons/announce_read.png"); }
.announce_read_mine                { background-image: url("./images/icons/announce_read_mine.png"); }
.announce_read_locked                { background-image: url("./images/icons/announce_read_locked.png"); }
.announce_read_locked_mine            { background-image: url("./images/icons/announce_read_locked_mine.png"); }
.announce_unread                { background-image: url("./images/icons/announce_unread.png"); }
.announce_unread_mine                { background-image: url("./images/icons/announce_unread_mine.png"); }
.announce_unread_locked                { background-image: url("./images/icons/announce_unread_locked.png"); }
.announce_unread_locked_mine            { background-image: url("./images/icons/announce_unread_locked_mine.png"); }

.forum_link                    { background-image: url("./images/icons/forum_link.png"); }
.forum_read                    { background-image: url("./images/icons/forum_read.png"); }
.forum_read_locked                { background-image: url("./images/icons/forum_read_locked.png"); }
.forum_read_subforum                { background-image: url("./images/icons/forum_read_subforum.png"); }
.forum_unread                    { background-image: url("./images/icons/forum_unread.png"); }
.forum_unread_locked                { background-image: url("./images/icons/forum_unread_locked.png"); }
.forum_unread_subforum                { background-image: url("./images/icons/forum_unread_subforum.png"); }

.sticky_read                    { background-image: url("./images/icons/sticky_read.png"); }
.sticky_read_mine                { background-image: url("./images/icons/sticky_read_mine.png"); }
.sticky_read_locked                { background-image: url("./images/icons/sticky_read_locked.png"); }
.sticky_read_locked_mine            { background-image: url("./images/icons/sticky_read_locked_mine.png"); }
.sticky_unread                    { background-image: url("./images/icons/sticky_unread.png"); }
.sticky_unread_mine                { background-image: url("./images/icons/sticky_unread_mine.png"); }
.sticky_unread_locked                { background-image: url("./images/icons/sticky_unread_locked.png"); }
.sticky_unread_locked_mine            { background-image: url("./images/icons/sticky_unread_locked_mine.png"); }

.topic_moved                    { background-image: url("./images/icons/topic_moved.png"); }
.topic_read                    { background-image: url("./images/icons/topic_read.png"); }
.topic_read_mine                { background-image: url("./images/icons/topic_read_mine.png"); }
.topic_read_hot                    { background-image: url("./images/icons/topic_read_hot.png"); }
.topic_read_hot_mine                { background-image: url("./images/icons/topic_read_hot_mine.png"); }
.topic_read_locked                { background-image: url("./images/icons/topic_read_locked.png"); }
.topic_read_locked_mine                { background-image: url("./images/icons/topic_read_locked_mine.png"); }
.topic_unread                    { background-image: url("./images/icons/topic_unread.png"); }
.topic_unread_mine                { background-image: url("./images/icons/topic_unread_mine.png"); }
.topic_unread_hot                { background-image: url("./images/icons/topic_unread_hot.png"); }
.topic_unread_hot_mine                { background-image: url("./images/icons/topic_unread_hot_mine.png"); }
.topic_unread_locked                { background-image: url("./images/icons/topic_unread_locked.png"); }
.topic_unread_locked_mine            { background-image: url("./images/icons/topic_unread_locked_mine.png"); }

.pm_read                    { background-image: url("./images/icons/topic_read.png"); }
.pm_unread                    { background-image: url("./images/icons/topic_unread.png"); }

.online {
    background-image: url("./images/icons/icon_user_online.png");
}

.offline {
    background-image: url("./images/icons/icon_user_offline.png");
}

/* 
.hidden {
    background-image: url("./images/icons/icon_user_hidden.png");
}
*/

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

/* Imageset */
.imageset:before {
    color: #888;
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: inherit;
    text-decoration: none;
    text-shadow: 0 0 5px #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 0;
}

.imageset.icon_topic_poll        { background: url("./images/icons/icon_topic_poll.gif") 100% 100% no-repeat; padding: 14px 0 0 20px; vertical-align:middle; }

.imageset.icon_topic_attach        { background-image: url("./images/icons/icon_topic_attach.gif"); }

.unread .imageset.icon_topic_latest     { background-image: url("./images/icons/icon_topic_newest.gif"); padding: 10px 0 0 18px; }
.imageset.icon_topic_latest        { background-image: url("./images/icons/icon_topic_latest.png"); padding: 10px 0 0 18px; }
.imageset.icon_topic_newest        { background-image: url("./images/icons/icon_topic_newest.png"); }
.imageset.icon_post_target        { background-image: url("./images/icons/icon_post_target.gif"); }
.imageset.icon_post_target_unread    { background-image: url("./images/icons/icon_post_target_unread.gif"); }
 
juliokr
Mitglied
Beiträge: 538
Registriert: 06.02.2015 12:54
Wohnort: Paris
Kontaktdaten:

Re: Stylefarben in der .css ändern.

Beitrag von juliokr »

Schein aus dem "Original" links.css zu stammen !
Dann versuch ganz einfach
mit

Code: Alles auswählen

a.forumtitle {
color: deine wunschfarbe
}
den style zu "überschreiben"
pexstar
Mitglied
Beiträge: 12
Registriert: 27.12.2009 16:41

Re: Stylefarben in der .css ändern.

Beitrag von pexstar »

Hat funktioniert. Super, vielen Dank!

Jetzt ist allerdings trotzdem noch einiges in blauer Schriftfarbe. Zum Beispiel rechts "letzter Beitrag". Da steht die Unterschrift auch noch in blau. Ebenfalls an vielen anderen Stellen.

Hast du noch ein Tipp, wie ich diese Position überschreiben kann? Gibt es da weitere "Befehle"?
juliokr
Mitglied
Beiträge: 538
Registriert: 06.02.2015 12:54
Wohnort: Paris
Kontaktdaten:

Re: Stylefarben in der .css ändern.

Beitrag von juliokr »

pexstar hat geschrieben:Hat funktioniert. Super, vielen Dank!

Jetzt ist allerdings trotzdem noch einiges in blauer Schriftfarbe. Zum Beispiel rechts "letzter Beitrag". Da steht die Unterschrift auch noch in blau. Ebenfalls an vielen anderen Stellen.

Hast du noch ein Tipp, wie ich diese Position überschreiben kann? Gibt es da weitere "Befehle"?

Code: Alles auswählen

a.lastsubject{}
pexstar
Mitglied
Beiträge: 12
Registriert: 27.12.2009 16:41

Re: Stylefarben in der .css ändern.

Beitrag von pexstar »

Muss mich mal mit den anderen Befehlen beschäftigen, um wirklich mehr Kontrolle über die Farben zu bekommen.

Aber Danke! Du hast mir schon sehr weitergeholfen!
Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 2478
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: Stylefarben in der .css ändern.

Beitrag von Joyce&Luna »

Also da würde ich das nicht ändern.

Mache das bitte mal wieder rückgängig und öffne die colours.css dann Zeile 11 da findest du h1 und da änderst du die Farbe deiner Überschrift.

Alle Farbcode findest du in der colours.css

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!
juliokr
Mitglied
Beiträge: 538
Registriert: 06.02.2015 12:54
Wohnort: Paris
Kontaktdaten:

Re: Stylefarben in der .css ändern.

Beitrag von juliokr »

Juppi hat geschrieben:Also da würde ich das nicht ändern.

Mache das bitte mal wieder rückgängig und öffne die colours.css dann Zeile 11 da findest du h1 und da änderst du die Farbe deiner Überschrift.

Alle Farbcode findest du in der colours.css

Anke
colours.css ist ein original profilver Stylesheet. Dann muss er bei jedem update die Änderung neu machen
Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 2478
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: Stylefarben in der .css ändern.

Beitrag von Joyce&Luna »

Das ist der Style von Arty, habe ich jetzt nicht drauf geachtet.

Aber nur um die Überschrift zu verändern ohne die anderen Farben mit zu verändern.
Lösche hier aus dem Code das h1,

orange_bbes.css

Code: Alles auswählen

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #7F7F7F;
    font-family: 'BebasNeueRegular','Arial','Helvetica',sans-serif;
    line-height: normal;
	font-weight: 150;
    margin: 5px 0 10px;
	text-rendering: optimizeLegibility;/* Fix for webkit rendering, well at least for the time being */
    -webkit-font-smoothing: antialiased;/* Fix for webkit rendering, well at least for the time being */
}
Und dann fügst du den Codeschnipsel zusätzlich ein. Farbe kannst du dann frei wählen.

Code: Alles auswählen

h1 {
	color: #000;
	font-family: 'BebasNeueRegular','Arial','Helvetica',sans-serif;
    line-height: normal;
	font-weight: 150;
    margin: 5px 0 10px;
	text-rendering: optimizeLegibility;/* Fix for webkit rendering, well at least for the time being */
    -webkit-font-smoothing: antialiased;/* Fix for webkit rendering, well at least for the time being */
	}
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 „Styles, Templates und Grafiken“