BBCodeBox3 • View topic - [Snippet] Colorized Announcements and Stickys (de)

View unanswered posts | View active topics

Board index » [Snippet] for 3.0.x

All times are UTC + 1 hour [ DST ]

[Snippet] Colorized Announcements and Stickys (de)

Page 1 of 1

[ 2 posts ]

Print view

Previous topic | Next topic

Author

Message

4seven

Post subject: [Snippet] Colorized Announcements and Stickys (de)

Posted: Fri 11. Sep 2009, 01:22

Administrator

Posts: 427

Last 3 Topics:
Tabmenu Test
[Snippet] Avatar Ev...
[DEV] Zero and X-P...

Joined:
Sun 13. Jan 2008, 23:44

Colorized Announcements and Stickys

MOD-Title: Colorized Announcements and Stickys
MOD-Version: 0.0.1
MOD-Autor: 4seven

MOD-Beschreibung: Dieser Mod ermöglicht verschiedene hintergrundfarben von bekanntmachungen, globalen bekanntmachungen und wichtigen themen (stickys)

phpBB-Version: phpBB 3.0.x
phpBB-Sprachen: mutlilingual
phpBB-Styles: alle Styles, die auf prosilver basieren

Features:

- gestaltet bekanntmachungen, globalen bekanntmachungen und wichtigen themen auffälliger

(folgt)

Anleitung:

öffne

search.php

Code:

$template->assign_block_vars('searchresults', array_merge($tpl_ary, array(

dahinter füge ein

Code:

            'S_POST_ANNOUNCE'    => ($row['topic_type'] == POST_ANNOUNCE) ? true : false,
            'S_POST_GLOBAL'      => ($row['topic_type'] == POST_GLOBAL) ? true : false,
            'S_POST_STICKY'      => ($row['topic_type'] == POST_STICKY) ? true : false,

öffne styles/prosilver/template/viewforum_body.html

finde

Code:

<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF -->

ersetze mit

Code:

<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE  --> announce<!-- ENDIF --><!-- IF  topicrow.S_POST_GLOBAL --> globalannounce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF -->

öffne styles/prosilver/template/ucp_main_front.html

finde

Code:

      <li class="row<!-- IF topicrow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">

ersetze mit

Code:

      <!-- <li class="row<!-- IF topicrow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->"> -->
      <li class="row globalannounce">

öffne

styles/prosilver/template/search_results.html

finde

Code:

      <!-- BEGIN searchresults -->
         <li class="row<!-- IF searchresults.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">

ersetze mit

Code:

      <!-- BEGIN searchresults -->
         <li class="row<!-- IF searchresults.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF searchresults.S_POST_ANNOUNCE  --> announce<!-- ENDIF --><!-- IF  searchresults.S_POST_GLOBAL --> globalannounce<!-- ENDIF --><!-- IF searchresults.S_POST_STICKY --> sticky<!-- ENDIF -->">

öffne styles/prosilver/theme/colours.css

finde

Code:

.sticky, .announce {
   /* you can add a background for stickies and announcements*/
}

ersetze mit

Code:

.sticky {
   background-color: yellow;
}

.announce {
   background-color: blue;
}

.globalannounce {
   background-color: red;
}

yellow, blue und red nach belieben ersetzen (#3GB53G, yellow, darkorange etc.)

alle board und browser-caches leeren

enjoy

Top

4seven

Post subject: Re: [Snippet] Colorized Announcements and Stickys (de)

Posted: Mon 5. Apr 2010, 13:09

Administrator

Posts: 427

Last 3 Topics:
Tabmenu Test
[Snippet] Avatar Ev...
[DEV] Zero and X-P...

Joined:
Sun 13. Jan 2008, 23:44

Anleitung für subsilver2 (Erstmal nur für den Viewforum-Bereich)

Da die search.php hier noch ausgenommen ist, brauchen keine weiteren Änderungen gemacht werden als die folgenden.

Version 1 (Farbiger Rahmen)

öffne styles/subsilver2/template/viewforum_body.html

finde alle

Code:

<td class="row1"

und

Code:

<td class="row2"

die zwischen

Code:

und

Code:

liegen (der umschlossene Bereich ist im subsilver2 zweimal vorhanden)

und ersetze diese mit

Code:

<td class="row1<!-- IF topicrow.S_POST_ANNOUNCE  --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> globalannounce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF -->" 

bzw

Code:

<td class="row2<!-- IF topicrow.S_POST_ANNOUNCE  --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> globalannounce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF -->" 

öffne styles/subsilver2/theme/stylesheet.css

finde

Code:

.row1 {

davor füge ein

Code:

.sticky {
   border-color: blue; 
   border-width: 4px;
   border-style: ridge;
   /* background-color: blue; */
}

.announce {
   border-color: green; 
   border-width: 4px;
   border-style: ridge;
  /* background-color: green;*/   
}

.globalannounce {
   border-color: orange; 
   border-width: 4px;
   border-style: ridge;
   /*background-color: orange;*/    
} 

blue, green und orange nach belieben ersetzen (#3GB53G, yellow etc.)

Version 2 (Hintergrund Farbe)

Möchtet ihr ein background-color (ist in der stylesheet.css /*auskommentiert*/) statt einer Umrahmung haben , dann müsst ihr so vorgehen.

finde alle

Code:

<td class="row1"

und

Code:

<td class="row2"

die zwischen

Code:

und

Code:

liegen (der umschlossene Bereich ist im subsilver2 zweimal vorhanden)

und ersetze diese mit

für row1

Code:

<td class="<!-- IF topicrow.S_POST_ANNOUNCE  -->announce<!-- ELSEIF topicrow.S_POST_GLOBAL -->globalannounce<!-- ELSEIF topicrow.S_POST_STICKY -->sticky<!-- ELSE -->row1<!-- ENDIF -->" 

bzw

für row2

Code:

<td class="<!-- IF topicrow.S_POST_ANNOUNCE  -->announce<!-- ELSEIF topicrow.S_POST_GLOBAL -->globalannounce<!-- ELSEIF topicrow.S_POST_STICKY -->sticky<!-- ELSE -->row2<!-- ENDIF -->" 

dann in der stylesheet.css

Code:

.sticky {
   background-color: blue; 
}

.announce {
  background-color: green;   
}

.globalannounce {
   background-color: orange;    
} 

Version 3 - Profi-Variante (Verschiedene Hintergrund Farben for row1 und row2)

Möchtet ihr abwechselnde background-color Farben, wie im Original-subsilver2, dann müsst ihr so vorgehen.

finde alle

Code:

<td class="row1"

und

Code:

<td class="row2"

die zwischen

Code:

und

Code:

liegen (der umschlossene Bereich ist im subsilver2 zweimal vorhanden)

und ersetze diese mit

für row1

Code:

<td class="<!-- IF topicrow.S_POST_ANNOUNCE  -->row1announce<!-- ELSEIF topicrow.S_POST_GLOBAL -->row1globalannounce<!-- ELSEIF topicrow.S_POST_STICKY -->row1sticky<!-- ELSE -->row1<!-- ENDIF -->"  

bzw

für row2

Code:

<td class="<!-- IF topicrow.S_POST_ANNOUNCE  -->row2announce<!-- ELSEIF topicrow.S_POST_GLOBAL -->row2globalannounce<!-- ELSEIF topicrow.S_POST_STICKY -->row2sticky<!-- ELSE -->row2<!-- ENDIF -->"  

dann in der stylesheet.css

Code:

.row1sticky {
   background-color: cornflowerblue; 
}

.row1announce {
  background-color: limegreen;   
}

.row1globalannounce {
   background-color: orange;    
}

.row2sticky {
   background-color: royalblue; 
}

.row2announce {
  background-color: forestgreen;   
}

.row2globalannounce {
   background-color: darkorange;    
} 

.row1** sind die helleren Farben, .row2** die Dunkleren.
Lasst euere Fantasie freien Lauf. Das kann man mit etwas Geduld richtig schön machen ;-)

Hier eine Farbtabelle zur Hilfe:
http://mahopa.de/murks/webfarben-namen.html

Nicht vergessen: Alle Board- und Browser-Caches leeren

Top

Page 1 of 1

[ 2 posts ]

Board index » [Snippet] for 3.0.x

All times are UTC + 1 hour [ DST ]

Who is online

Users browsing this forum: No registered users and 6 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum