Subject: Changelog dla motywu UNB
Jeżeli nie jesteś autorem zmian nie dopisuj się w tym wątku.
Żeby się nie pogubić: zmiany wpowadzamy podając nazwę pliku, omówienie, oraz kod (dla regułki css całą zmienianą regułę) inaczej IMO nie będzie to miało sensu.
Jako że to nie jest pierwotne miejsce tego wyliczenia i przywracam je z backupu, wyróżnię kursywą pseudonimy osób wprowadzających zmiany.
Stef
Proponowane zmiany:
Odnośniki w postach: kolor jak w nicku cytowanej osoby oraz podkreślenie kropkowane, po najechaniu myszką normalne.
Druga rzecz, raczej pomysł, do napisania dla wszystkich przeglądarek (obecnie Gecko only), podpis będzie mniej widoczny do czasu najechania na niego myszką - chcemy coś takiego?
Szczegóły techniczne w załączniku.
Edit: wrzuciłem do arkusza tego forum.
Edit: jeszcze mała poprawka, żeby kolor pozostawał niebieski po najechaniu na odnośnik.
forum_fedorapl.css | Zapisz 360 Bajtów, ściągnięty 3 raz(y)
Adios
Poprawione kolorowe przyciski przy odpowiedzi.
Plik post.css.php
Stef
Dodałem.
Nowa wersja bajeru ze stopką/podpisem:
Plik: post.css.php
Działa z Operą, Gecko, powinno z Safari, z IE pod Fedorą nie chce, przydałby się ktoś z Windows żeby sprawdzić..
Adios
Nie działa pod IE, tak jak połowa tego forum :P
Stef
To podświetlanie podpisu raz że robi problemy przy przewijaniu dwa że się średnio podoba, póki co zmieniam na:
żeby trochę stępić agresywność podpisów, jak wymyślimy coś lepszego to się wywali.
Zuk87
Zmieniłem wyrównywanie podpisu do prawej, czcionkę ustawiłem na 0.75em.
Adios
Ja mam inną sugestię... Może po skończeniu prac nad szablonem udostępnimy go na licencji GPL i damy o tym informacje twórcy UNB. Może to nam przynieść duże kożyści oraz zwiększy zainteresowanie UNB ?
Stef
Reguła w post.css.php ma teraz taki wygląd:
w celu zrobienia porządku z czerwonym zaznaczniem ze zrzutu: http://img315.imageshack.us/img315/8220/forum4ku.png
Z mojej strony nie widzę najmniejszego problemu, jeżeli jest zainteresowanie to spoko.
Stef
W post.css.php zmiana koloru tła posta na mniej agresywny:
Nad kolorem jeżeli ma to pozostać trzeba jeszcze trochę popracować.
Zuk87
Ja także nie mam nic przeciwko. Większość prac jest autorstwa Twojego i Stefa więc zadecydujcie między sobą.
Stef
Kolejne nowości dla post.css.php:
Ograniczenie zajmowanego przez awatar miejsca do 80x80px (nie ogranicza rozmiaru samego, będzie skalowany).
Odnośniki odpowiedzialne za odpowiedzi (nie wszystkie, ale większość) będą się wyświetlać jak inne przycski na forum.
Zmiany dla przycisków podczas edycji postów.
i jeszcze drobna popraweczka pod kątem listy przycisków na dole..
Stef
Zmiany w threadlist.html:
w celu wizulanego przyporządkowania nagłówków do listy poniżej w liście teamtów na podforach, zamiast h1 i gołe tekstu ze znakami odstępu.
W konsekwenicji w thread.css.php dochodzi:
A w common.css.php mała zmiana:
i jeszcze trochę przycisków (post.css.php):
Żeby się nie pogubić: zmiany wpowadzamy podając nazwę pliku, omówienie, oraz kod (dla regułki css całą zmienianą regułę) inaczej IMO nie będzie to miało sensu.
Jako że to nie jest pierwotne miejsce tego wyliczenia i przywracam je z backupu, wyróżnię kursywą pseudonimy osób wprowadzających zmiany.
Stef
Proponowane zmiany:
Odnośniki w postach: kolor jak w nicku cytowanej osoby oraz podkreślenie kropkowane, po najechaniu myszką normalne.
Druga rzecz, raczej pomysł, do napisania dla wszystkich przeglądarek (obecnie Gecko only), podpis będzie mniej widoczny do czasu najechania na niego myszką - chcemy coś takiego?
Edit: wrzuciłem do arkusza tego forum.
Edit: jeszcze mała poprawka, żeby kolor pozostawał niebieski po najechaniu na odnośnik.
Adios
Poprawione kolorowe przyciski przy odpowiedzi.
Plik post.css.php
input[type="button"].colourbutton,
input[type="button"].colourbutton:hover,
input[type="button"].colourbutton:focus {
<?php if (!$ie) { ?>
background-image: url(<?php echo $ImgPath ?>button_color_fade.png);
background-repeat: repeat-x;
<?php } ?>
}
input[type="button"].colourbutton:hover,
input[type="button"].colourbutton:focus {
<?php if (!$ie) { ?>
background-image: url(<?php echo $ImgPath ?>button_color_fade.png);
background-repeat: repeat-x;
<?php } ?>
}
Stef
Quote by adios:Poprawione kolorowe przyciski przy odpowiedzi.
Dodałem.
Nowa wersja bajeru ze stopką/podpisem:
Plik: post.css.php
/* Efekt dla podpisu */
.post_signature {
filter:alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.post_signature:hover {
filter:alpha(opacity=99);
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
opacity: 1.0;
}
.post_signature {
filter:alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.post_signature:hover {
filter:alpha(opacity=99);
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
opacity: 1.0;
}
Działa z Operą, Gecko, powinno z Safari, z IE pod Fedorą nie chce, przydałby się ktoś z Windows żeby sprawdzić..
Adios
Quote by Stef:Działa z Operą, Gecko, powinno z Safari, z IE pod Fedorą nie chce, przydałby się ktoś z Windows żeby sprawdzić..
Nie działa pod IE, tak jak połowa tego forum :P
Stef
To podświetlanie podpisu raz że robi problemy przy przewijaniu dwa że się średnio podoba, póki co zmieniam na:
.post_signature {
filter:alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
filter:alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
żeby trochę stępić agresywność podpisów, jak wymyślimy coś lepszego to się wywali.
Zuk87
Zmieniłem wyrównywanie podpisu do prawej, czcionkę ustawiłem na 0.75em.
Adios
Ja mam inną sugestię... Może po skończeniu prac nad szablonem udostępnimy go na licencji GPL i damy o tym informacje twórcy UNB. Może to nam przynieść duże kożyści oraz zwiększy zainteresowanie UNB ?
Stef
Reguła w post.css.php ma teraz taki wygląd:
.all_post_actions_top.searchresult {
margin-bottom: -15px;
position: relative;
top: -1.5em;
margin-top: 2em;
}
margin-bottom: -15px;
position: relative;
top: -1.5em;
margin-top: 2em;
}
w celu zrobienia porządku z czerwonym zaznaczniem ze zrzutu: http://img315.imageshack.us/img315/8220/forum4ku.png
Quote by adios:Może po skończeniu prac nad szablonem udostępnimy go na licencji GPL i damy o tym informacje twórcy UNB. Może to nam przynieść duże kożyści oraz zwiększy zainteresowanie UNB ?
Z mojej strony nie widzę najmniejszego problemu, jeżeli jest zainteresowanie to spoko.
Stef
W post.css.php zmiana koloru tła posta na mniej agresywny:
.post_content {
background: #f7fcf6;
padding: 5px 5px 3px;
text-align: justify;
}
background: #f7fcf6;
padding: 5px 5px 3px;
text-align: justify;
}
Nad kolorem jeżeli ma to pozostać trzeba jeszcze trochę popracować.
Zuk87
Quote by adios:Ja mam inną sugestię... Może po skończeniu prac nad szablonem udostępnimy go na licencji GPL i damy o tym informacje twórcy UNB. Może to nam przynieść duże kożyści oraz zwiększy zainteresowanie UNB ?
Ja także nie mam nic przeciwko. Większość prac jest autorstwa Twojego i Stefa więc zadecydujcie między sobą.
Stef
Kolejne nowości dla post.css.php:
.post_avatar img {
max-height: 80px;
max-width: 80px;
}
max-height: 80px;
max-width: 80px;
}
Ograniczenie zajmowanego przez awatar miejsca do 80x80px (nie ogranicza rozmiaru samego, będzie skalowany).
.post_actions a,
.all_post_actions_bottom a {
color: #404040;
border: solid 1px #C0C0C0;
background: #E7E7E7 url(../img/button_back.png) repeat-x;
padding: 0px 3px;
cursor: pointer;
}
.post_actions a:hover,
.all_post_actions_bottom a:hover {
border: solid 1px #5580DD;
background: #D7DBF7 url(../img/button_back_hover.png) repeat-x;
}
.post_actions a:active,
.all_post_actions_bottom a:active {
border: solid 1px #5580DD;
background: #D7DBF7 url(../img/button_back_pushed.png) repeat-x;
}
.all_post_actions_bottom a {
color: #404040;
border: solid 1px #C0C0C0;
background: #E7E7E7 url(../img/button_back.png) repeat-x;
padding: 0px 3px;
cursor: pointer;
}
.post_actions a:hover,
.all_post_actions_bottom a:hover {
border: solid 1px #5580DD;
background: #D7DBF7 url(../img/button_back_hover.png) repeat-x;
}
.post_actions a:active,
.all_post_actions_bottom a:active {
border: solid 1px #5580DD;
background: #D7DBF7 url(../img/button_back_pushed.png) repeat-x;
}
Odnośniki odpowiedzialne za odpowiedzi (nie wszystkie, ale większość) będą się wyświetlać jak inne przycski na forum.
.editor_controls {
text-align: right;
margin-top: 1px;
}
.editor_controls #savebutton,
.editor_controls #previewbutton {
margin: 0.5em;
}
.editor_controls span,
.editor_controls div {
float: left !important;
}
.editor_controls div small,
.editor_controls div span {
float: none !important;
}
.editor_controls div {
margin-left: 0.5em;
}
text-align: right;
margin-top: 1px;
}
.editor_controls #savebutton,
.editor_controls #previewbutton {
margin: 0.5em;
}
.editor_controls span,
.editor_controls div {
float: left !important;
}
.editor_controls div small,
.editor_controls div span {
float: none !important;
}
.editor_controls div {
margin-left: 0.5em;
}
Zmiany dla przycisków podczas edycji postów.
.all_post_actions_bottom {
text-align: right;
margin-top: 0.5em;
}
text-align: right;
margin-top: 0.5em;
}
i jeszcze drobna popraweczka pod kątem listy przycisków na dole..
Stef
Zmiany w threadlist.html:
<div class="h1">
<div class="thread_content">
<div class="thread_icon">
<a href="{$t.linkThreadIcon}"><img {$t.image} title="{$t.imageTitle}" style="margin: 4px 0px;" /></a>
</div>
<div class="thread_counter">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="desc">{trnum "threadlist.topics" sizeof $threadlist}</td>
<td class="viewcount">{trnum "views"}</td>
<td class="replycount">{trnum "replies"}</td>
<td class="topicstart">{tr "topic started"} {tr "by"}</td>
<td class="lastpost">{tr "last post"}</td>
</tr>
</table>
</div>
</div>
</div>
<div class="thread_content">
<div class="thread_icon">
<a href="{$t.linkThreadIcon}"><img {$t.image} title="{$t.imageTitle}" style="margin: 4px 0px;" /></a>
</div>
<div class="thread_counter">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="desc">{trnum "threadlist.topics" sizeof $threadlist}</td>
<td class="viewcount">{trnum "views"}</td>
<td class="replycount">{trnum "replies"}</td>
<td class="topicstart">{tr "topic started"} {tr "by"}</td>
<td class="lastpost">{tr "last post"}</td>
</tr>
</table>
</div>
</div>
</div>
w celu wizulanego przyporządkowania nagłówków do listy poniżej w liście teamtów na podforach, zamiast h1 i gołe tekstu ze znakami odstępu.
W konsekwenicji w thread.css.php dochodzi:
.h1 .thread_content {
padding: 0 5px 0 5px;
background: none;
min-height: none;
}
padding: 0 5px 0 5px;
background: none;
min-height: none;
}
A w common.css.php mała zmiana:
h1, .h1 {
margin: 0;
padding: 4px 4px 4px 4px;
border-left: 1px solid #7d8797;
border-right: 1px solid #7d8797;
border-bottom: 1px solid #7d8797;
font-size: 0.9em;
font-weight: bold;
color: #3a4f6c;
<?php if ($ie) { ?>
background: #eeeef2;
<?php } else { ?>
background: url(<?php echo $ImgPath ?>sub_back.png);
<?php } ?>
}
margin: 0;
padding: 4px 4px 4px 4px;
border-left: 1px solid #7d8797;
border-right: 1px solid #7d8797;
border-bottom: 1px solid #7d8797;
font-size: 0.9em;
font-weight: bold;
color: #3a4f6c;
<?php if ($ie) { ?>
background: #eeeef2;
<?php } else { ?>
background: url(<?php echo $ImgPath ?>sub_back.png);
<?php } ?>
}
i jeszcze trochę przycisków (post.css.php):
.post_actions a,
.all_post_actions_top a,
.all_post_actions_bottom a {
color: #404040;
border: solid 1px #C0C0C0;
background: #E7E7E7 url(../img/button_back.png) repeat-x;
padding: 0px 3px;
cursor: pointer;
}
.post_actions a:hover,
.all_post_actions_top a:hover,
.all_post_actions_bottom a:hover {
border: solid 1px #5580DD;
background: #D7DBF7 url(../img/button_back_hover.png) repeat-x;
}
.post_actions a:active,
.all_post_actions_top a:active,
.all_post_actions_bottom a:active {
border: solid 1px #5580DD;
background: #D7DBF7 url(../img/button_back_pushed.png) repeat-x;
}
.all_post_actions_top a,
.all_post_actions_bottom a {
color: #404040;
border: solid 1px #C0C0C0;
background: #E7E7E7 url(../img/button_back.png) repeat-x;
padding: 0px 3px;
cursor: pointer;
}
.post_actions a:hover,
.all_post_actions_top a:hover,
.all_post_actions_bottom a:hover {
border: solid 1px #5580DD;
background: #D7DBF7 url(../img/button_back_hover.png) repeat-x;
}
.post_actions a:active,
.all_post_actions_top a:active,
.all_post_actions_bottom a:active {
border: solid 1px #5580DD;
background: #D7DBF7 url(../img/button_back_pushed.png) repeat-x;
}


Stef
Show profile
Link to this post
post13082006.diff 1,119 Bytes