Skocz do zawartości
Shiny

[Beta-testy] Opcjonalny nowy wygląd naszego forum

Rekomendowane odpowiedzi

Nie obraż się czy coś, ale mi się nie podoba. Znaczy w sumie nawet ładne ale przypomina mi to pewne konkurencyjne forum co by mnie odrzucało.

Właśnie! Już wiem gdzie taki styl podobny widziałem! :D Co kto lubi. :)

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dobra zmieniłem zdanie, tak po wpatrzeniu się w to zdjęcie... niech będzie. Podoba mi się nawet. :)

Pomarańcz niech wprowadzi Shiny, czekam na aktualizację.  :wub:

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Pobawiłem się i zrobiłem pomarańczowe belki: https://dl.dropboxusercontent.com/u/34462700/ghss.png

Tylko, że tam jest więcej do edycji a nie zbyt mi się chce to robić. :)

Jak chcesz to mogę ci udostępnić mój kod css tylko będziesz musiał sobie 2 grafiki wrzucić na jakiś serwer bo obecnie hostuje je na dropboxie. (logo i tło)

 

Piękne <3

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Okej, na tą chwilę mamy 2 osobne ciemne style. Jeden wykonany wspólnie przez Maku i wyedytowany przeze mnie, drugi przez SkyVoo. Linki do tych styli:

- styl SkyVoo razem ze zrzutem strony, jak ona wygląda po zastosowaniu tego stylu:

P0ZDYU1.png

- styl Maku razem ze zrzutem strony, jak ona wygląda po zastosowaniu tego stylu:

jzGzRXr.png

I teraz - jeżeli chcecie zainstalować styl od SkyVoo, musicie wyłączyć styl od Maku, jeżeli chcecie zainstalować styl od Maku, musicie wyłączyć styl od SkyVoo, w przeciwnym razie oba style będą się gryźć.

Edytowane przez Shiny

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Korzystam z stylu od momentu jego wydania, dlatego gdy zauważyłem błąd postanowiłem go naprawić :P

Chodzi o wyświetlanie białego tła przy znaczniku

code gdy rozpoczniemy wypisywanie kodu od podanej linijki. Wersja Maku ofc, nie mam wersji Skyvoo.

Fix:

/* Copyright by Maku & Linux_Shines/Shiny
Edited by Rudiz (repaired code tag)*/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(pawno.pl) {
    body {
        background-color: #101010 !important;
        color: #808080 !important;
    }

    html{
        background-color: #101010 !important;
    }

    .cke_skin_ips .cke_wrapper {
        background-color: #404040 !important;
        border: 2px solid #101010 !important;
    }

    .cke_skin_ips .cke_top{
        background: #404040 !important;
    }

    .cke_contents iframe {
        border: 1px solid #101010 !important;
        background-color: #101010 !important;
    }

    .cke_skin_ips textarea.cke_source {
        background: #515151 !important;
        color: #909090 !important;
    }

    .general_box {
        background: #262626 !important;
    }

    td {
        border: #101010 !important;
    }

    form {
        background: #262626 !important;
    }

    .poll_question ol {
        background: #303030 !important;
    }

    .poll_question h4 {
        background: #202020 !important;
    }

    .progress_bar span {
        background: #101010 !important;
    }

    .progress_bar.topic_poll {
        background: #808080 !important;
        border: 1px solid #101010 !important;
    } 

    a {
        color: #ABABAB !important;
    }

    #header_bar {
        background: #101010 !important;
    }

    .feature_box {
        background: #303030 !important;
    }

    #ipbwrapper {
        border-bottom: 8px solid #101010 !important;
    }

    .post_wrap {
        background-color: #303030 !important;
        border: 0 !important;
    }

    li.page.active {
        background-color: #202020 !important;
        color: #808080 !important;
    }
    
    li.L1, li.L3, li.L5, li.L7, li.L9 {
    background-color: #404040;
    }

    ul.mini_pagination li a {
        background: #202020 !important;
        border: 1px solid #d3d3d3;
        padding: 1px 3px;
    }

    .pagination.clearfix {
        background: transparent !important;
    }

    .pages a:hover {
        background: #808080 !important;
        border-radius: 0 !important;
    }

    .ipsSettings_sectiontitle {
        color: #808080 !important;
        background: transparent !important;
    }

    h3.ipsType_subtitle.ipsSettings_pagetitle{
        background: #252525 !important;
        color: #808080 !important;
    }
   
    h3.ipsType_subtitle {
        background-color: transparent !important;
        color: #808080 !important;
    }

    h2.ipsType_subtitle {
        color: #808080 !important;
    }

    p.ipsType_pagedesc {
        background: #252525 !important;
        color: #808080 !important;
    }

    tr.row1 {
        background: #151515 !important;
        color: #808080 !important;
    }

    tr.row2 {
        background: #101010 !important;
        color: #808080 !important;
    }

    tr.header {
        background: #101010 !important;
        color: #808080 !important;
    }
   
    tr.header, td.header {
        background: url('http://pawno.pl/public/style_images/master/maintitle.png') repeat-x scroll center top #2C5687 !important;
        color: #CCCCCC !important;
    }

    .ipsSideBlock {
        background: #252525 !important;
    }

    fieldset.row1 {
        background: #252525 !important;
        color: #808080 !important;
    }

    #branding {
        border-bottom: 1px solid #101010 !important;
        border-bottom: 0 !important;
    }

    h3, strong, .block_list > li:hover {
        background-color: #005599 !important;
    }
   
    .row1 strong, .row2 strong, .list_content > strong , .list_content strong, .bbc_center strong, .bbc, .desc > strong, .col_c_stats.ipsType_small strong, .desc.__forum_desc.ipsType_small strong, .warn_panel.clear.ipsType_small > strong, .post.entry-content > strong, .ipsField_content strong, .post > strong, .ipsField_title > strong, #mark_all_read_menucontent strong, .title > strong, .special strong, .message.error > strong, .search_msg > strong, .ipsBox_container.ipsPad strong, .comment_content strong, .signature strong, #change_status > strong, #change_status_menucontent strong, .post.entry-content strong, .ipsButton_extra.right._fmore.clickable > strong, .ipsBlockquote.built strong, .ipsButton_extra.right strong, .ipb_table strong, .ipsPad strong {
        background-color: transparent !important;
    }
   
    .general_box h3 {
        background-color: #005599 !important;
        color: #ababab !important;
    }
   
    .post_block h3 {
        background: none repeat scroll 0 0 #005599 !important;
    }
   
    .post_block.hentry.clear {
        background-color: #303030 !important;
    }
   
    .row1.helpRow, .fixed_inner  {
        background-color: #262626 !important;
    }
   
    .ipsType_pagetitle, .ipsType_subtitle {
        color: #333;
    }
   
    .post {
        color: #C0C0C0 !important;
    }
   
    .post_block.first.hentry {
        background-color: #303030 !important;
        border-bottom: 0 !important;
    }

    h1 {
        color: #ABABAB !important;
    }

    h3 {
        background-color: transparent !important;
    }
   
    .ipsSideMenu ul li.active a {
        background-color: #005599 !important;
    }

    .ipsSideMenu h4 {
        color: #808080 !important;
    }

    .popupInner h3{
        background: url('http://pawno.pl/public/style_images/master/maintitle.png') !important;
        color: #ccc !important;
        border-width: 0 !important;
        border-color: #101010 !important;
        box-shadow: none !important;
    }

    .ipsLikeButton {
        color: #303030 !important;
    }

    .ipsLikeBar_info{
        background-color: #262626 !important;
    }

    .clearfix {
        background: transparent !important;
    }

    .message {
        background: #555 !important;
        color: #101010 !important;
        border: 1px solid #101010 !important;
    }

    #secondary_navigation.clearfix {
        background-color: #262626 !important;
    }
       
    .ipsSideBlock h3 {
        background: url('http://pawno.pl/public/style_images/master/maintitle.png') !important;
        color: #ccc !important;   
    }
   
    #copyright {
        text-shadow: 0px 0px 0px #000 !important;
    }
   
    #folder_list .total {
        color: #000 !important;
    }
   
    post_controls.clear.clearfix {
        background-color: transparent !important;
    }

    #primary_nav.clearfix {
        background-color: #103055 !important;
    }

    #content.clearfix {
        background-color: #262626 !important;
    }

    li.ipsType_small.clearfix {
        background-color: #505050 !important;
    }

    .__topic {
        background-color: #303030 !important;
    }

    table.ipb_table {
        border: 1px solid #555555 !important;
    }
   
    table.ipb_table td {
        border-bottom: 1px solid #151515 !important;
        padding: 10px;
    }

    .__topic.unread.expandable {
        background-color: #262626 !important;
    }

    .altrow.short {
        background-color: #353535 !important;
    }

    .ipsBox {
        background-color: #353535 !important;
    }

    .ipsBox_container {
        background: #303030 !important;
        border: 1px solid #202020 !important;
    }

    .ipsButton_secondary {
        background: #202020 !important;
        border: 1px solid #404040 !important;
        box-shadow: 0 1px 0 rgba(0,0,0,.3) inset, 0 1px 0 rgba(0,0,0,.3) !important;
        border-radius: 0 !important;
        color: #858585 !important;
    }
   
    .ipbmenu_content a:hover {
        background-color: #005599 !important;
    }

    .maintitle {
        background: url('http://pawno.pl/public/style_images/master/maintitle.png') repeat-x scroll center top #2C5687 !important;
        -webkit-border-top-left-radius: 0 !important;
        -webkit-border-top-right-radius: 0 !important;
        border-radius: 0 0 0 0 !important;
        -webkit-box-shadow: inset 0 0 0 #528cbc !important;
        box-shadow: inset 0 0 0 #528cbc !important;
        border-width: 0 0 0 !important;

    }
   
    .maintitle a {
        color: #fff !important;
    }
       
    #user_latest_status > div {
        background: #202020 !important;
        color: #808080 !important;
    }

    .ipsBadge.ipsBadge_lightgrey {
        background: #202020 !important
    }

    p.citation {
        border-left: 2px solid #101010 !important;
        background: #252525 !important;
        border-top: 2px solid #101010 !important;
        border-right: 2px solid #101010 !important;
    }

    blockquote {
        border-left: 2px solid #101010 !important;
        border-right: 2px solid #101010 !important;
        border-bottom: 2px solid #101010 !important;
        background: #202020 !important;
    }

    .blockquote {
        border-left: 2px solid #101010 !important;
        border-right: 2px solid #101010 !important;
        border-bottom: 2px solid #101010 !important;
        background: #202020 !important;
    }

    .likepop.fixed_inner {
        background: #303030 !important;
    }

    #community_app_menu > li > a {
        color: #CCCCCC !important;
        background: #353535 !important;
    }

    #community_app_menu > li > a.menu_active {
        background: #101010 !important;
        color: #101010 !important;
    }
   
    .unread {
        background-color: #252525 !important;
    }

    .statistics {
        border-top: 3px solid #303030 !important;
        background: transparent !important;
    }

    .ipsUserPhoto {
        border: 1px solid #101010 !important;
        background: #252525 !important;
    }

    .pagination .back a {
        background: #202020 !important;
        border-radius: 0 !important;
    }

    .pagination .forward a {
        background: #202020 !important;
        border-radius: 0 !important;
    }

    .pagination .back a:hover {
        background: #808080 !important;
        color: #fff;
    }

    .pagination .forward a:hover {
        background: #505050 !important;
        color: #fff;
    }

    .submit {
        background-color: #262626 !important;
    }

    #search_wrap {
        background-color: #404040 !important;
        border-radius: 0 !important;
    }
   
    #search .submit_input {
        border-radius: 0;
        box-shadow: none;
    }

    #search-box {
        background: #101010 !important;
    }
   
    #adv_search {
        margin: 5px 4px 5px 4px;
    }

    .submit_input {
        background: #252525 url(http://pawno.pl/public/style_images/master/search_icon.png) no-repeat 50% !important;
        border: 1px solid #101010 !important;
    }

    #search_options {
        background: #252525 !important;
    }

    .ipbmenu_content {
        background-color: #252525 !important;
        border: 1px solid #101010 !important;
    }

    .input_submit.alt {
        background: #808080 !important;
        color: #202020 !important;
        box-shadow: none !important;
        border-color: #101010 !important;
        border-radius: 0 0 0 0 !important;
    }

    .ipsVerticalTabbed_tabs > ul {
        border-top: 1px solid #101010 !important;
        border-left: 1px solid #101010 !important;
    }

    .ipsVerticalTabbed_tabs li {
        background: #252525 !important;
        border-color: #101010 !important;
        border-left: #101010 !important;
    }

    .ipsVerticalTabbed_tabs li:hover a {
        background: #303030 !important;
    }

    .ipsVerticalTabbed_tabs li.active a {
        background: #303030 !important;
        border-right: #303030 !important;
    }

    .rep_highlight {
        background: #303030 !important;
        color: #909090 !important;
    }
   
    #statusForm {
        background: #505050 !important;
    }
       
    .clear {
        border-color: #101010 !important;
    }

    .post_block.no_sidebar {
        background: #303030 !important;
        border: none !important;
    }

    .ipsHeaderMenu {
        background: #505050 !important;
        border-radius: 0 !important;
    }

    .ipsType_sectiontitle {
        border-bottom: none !important;
        color: #909090 !important;
    }

    .input_text {
        background: #111 !important;
        color: #a0a0a0 !important;
        border-color: #666 !important;
    }

    li {
        text-shadow: none !important;
    }

    .status_update {
        background: #404040 !important;
    }

    .no_messages {
        background-color: #303030 !important;
        color: #909090 !important;
    }

    .ipsPad {
        background-color: #252525 !important;
    }

    div.side.left.ipsPad {
        background-color: transparent !important;
    }

    .userpopup dl {
        border-bottom: 1px solid #101010 !important;
    }
   
    .value {
        background: #808080 !important;
        color: #202020 !important;
    }

    .ipsList_inline {
        background: transparent !important;
    }

    .prettyprint {
        background: #0C0C0C !important;
        border: 1px solid #303030 !important;
        color: #EEE !important;
    }

    .prettyprint .com {
        color: #969896 !important;
    }

    .prettyprint .kwd {
        color: #81a2be !important;
    }

    .prettyprint .typ {
        color: #b294bb !important;
    }

    .prettyprint .str {
        color: #b5bd68 !important;
    }

    .prettyprint .pun {
        color: #aac674 !important;
    }

    .prettyprint .lit {
        color: #8abeb7 !important;
    }

    .prettyprint .pln {
        color: #909090 !important;
    }

    div.post_ignore {
        background: #262626!important;
    }

    .post.chat-message {
        background: #202020 !important;
        color: #909090 !important;
        border-bottom: 1px solid #000000 !important;
    }

    .chat-time {
        background: #303030;
        color: #909090 !important;
        border-bottom: 1px solid #000000 !important;
    }

    .post.chat-notice {
        background: #303030 !important;
        color: #909090 !important;
        border-bottom: 1px solid #000000 !important;
    }

    #messages-display.messages-list {
        background: #202020 !important;
    }

    #message_toolbar_2 {
        background: #404040 !important;
        border: 1px solid #000000 !important;
    }

    #chat-form {
        border-color: #101010 !important;
    }

    #emoticons_custom_menu {
        border: #000000 !important;  
    }

    #message_cmd_link {
        border: #000000 !important;  
    }

    #message_cmd_italic {
        border: #000000 !important;  
    }

    #message_cmd_underline {
        border: #000000 !important;  
    }

    #message_cmd_bold {
        border: #000000 !important;  
    }

    .editor {
        color: #202020 !important;
    }
       
    #main_search {
        color: #eee !important;
    }
   
    .post_block h3 {
        background: #005599 !important;
    }

    .row2, .post_block.row2 {
        background-color: #333 !important;
    }
   
    pre.prettyprint, code.prettyprint {
        background: #444 !important;
    }
   
    .popupInner #mainWindow .ipsFilterbar {
        background: #444 !important;
    }
   
    .ipsBlockquote span {
        color: #DDDDDD !important;
    }
   
    .input_text, .input_select, .input_check, select, input[type='checkbox'] {
        background: #222 !important;
        color: #a0a0a0 !important;
        border-color: #666 !important;
    }
}

Edytowane przez Rudiz

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Zamiast wysyłać zmodyfikowaną wersję CSS, po prostu podeślij kod, który odpowiada za zmianę, bo tak to muszę się pierdzielić 2 godziny i szukać, co to zostało zmienione.

Ogółem - znalazłem w końcu zmieniony kod - aktualizacja jak zwykle - tutaj.

Edytowane przez Shiny

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Być może ktoś zadawał to pytanie, a ja je przeoczyłem - jeśli tak to przepraszam.

Dlaczego ten styl nie może zostac dodany do możliwości wyboru styli na forum tylko proponujecie jakąś zabawę z aplikacjami do przeglądarki? Styl mi przypadł do gustu, bo moje oczy przyzwyczaiły się do ciemnych stron chociaż nie chcę ściągać aplikacji do mojego chroma aby zmienić styl tylko dla pawno. Myślę, że najlepszym rozwiazaniem byłoby zrobić ten styl oficjalnym dla Pawno i dać możliwość wyboru osobom pomiędzy ciemnym a jasnym stylem forum.

hCpqItR.png

Rozumiem, że są to beta-testy ale bardzo ułatwiłoby to reszcie w ocenie.

Edytowane przez TheOtherSide.pl

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Powiem wprost, są tutaj osoby, które mogłyby stworzyć całkowicie nowy styl dla pawno na silniku IP:B. Szkoda, że Kopciu tego nie rozumie i chce pozostać tylko przy sprawdzonych rzeczach. Również sprawa logo jest jak dla mnie dziwna, gdyby było one doskonałe i naprawdę by ładnie wyglądało to z pewnością bym przystawał przy myśli o jego pozostawieniu. Nie oszukujmy się, obecne logo nie ma w sobie nic unikalnego - niektóre osoby w tym temacie zaprezentowały prawie takie samo, co tylko potwierdza fakt, że sporo osób może takie zrobić.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Przecież pracę nad stylem z tego co pamiętam miały być rozpoczęte dawno temu http://i.imgur.com/CWgDZ6W.png, administracja ma już sugestię jaki styl zrobić - do dzieła. A jeżeli Krzychu jest nie aktywny to dać komuś innemu szanse na wykazanie z stylem? 

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Chyba wystarczająca pora, abym wkroczył w dyskusję w tym temacie. Niestety, jednak wiele użytkowników odwiedzających to forum, myśli że praca administracji kończy się tylko i wyłącznie na wprowadzaniu innowacji, jednak tak nie jest. Prowadzimy kilka oddzielnych elementów na tym forum, między innymi reklamy, serwery jak i bazy danych. Każdy z tych elementów potrzebuje również wkładu czasowego, nie mówiąc już o multikontach, czy problemach z ostrzeżeniami. Moja aktywność na forum nie jest mała, bo nie można tak powiedzieć, jednak wiele spraw nie pozwala mi często wprowadzać nowości. Plany są wielkie i zawsze będą, ponieważ część elementów na forum wymaga dopracowania, jednak zawsze staram się na bieżąco poprawiać widoczne błędy.

 

Styl forum i logo. Oczywiście zapowiadaliśmy edycję stylu, jednak kończyłaby się ona na edycji header'a, wiele osób tutaj na forum żyje standardami serwerów SA-Mp, które jeśli nie mają loga z setkami obrazków jak i własnego stylu są inaczej postrzegani. Niestety my jako administracja nie będziemy gonić trendów serwerów bo do nich nie należymy. Forum ma być proste, przejrzyste i czytelne dla wszystkich, dlatego wygląda prosto. Logo, lub bardziej logotyp Naszego forum jest idealne, ponieważ pokazuje czym się zajmujemy, a do tego nie zawala Nas zbędną grafiką.

 

Popatrzmy na wortal http://php.pl/ , tematyki tych for są podobne, ponieważ oni również zajmują się programowaniem dlatego My trzymamy standardy inne niż SA-Mp. Logo tego wortalu zostało napisane standardową pochyloną i pogrubioną czcionką a uważam że wygląda bardzo estetycznie.

 

Pozdrawiam!

 

PS jeśli osoba 3 zajęła się produkcją dodatkowego stylu, nie zignorowaliśmy tego, a pomogliśmy w promowaniu tej funkcjonalności.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Ja to bym te logo lub bardziej logotyp pozbawił tła. A dlaczego? Tło pod niego można zrobić przez CSS a pozwoliłoby to tworzenie styli do takich pluginów jak "Stylish" bez tworzenia własnego loga z dobrym tłem.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Wymaga gruntownych przeróbek, wkrótce zresztą postaram się "awansować" ten styl ze stanu "Beta" na "Release Candidate", tak samo zresztą jak obecny.

Edytowane przez Shiny

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Ogarniałem i w dalszym ciągu ogarniam kod a aktualnie jestem na etapie, że nie mogę znaleźć wyjścia. Już tłumaczę o co chodzi.

Otóż - jest możliwość, aby każda treść, nawet ledwo widoczna (typowy czarny tekst wklejony z jakiegoś konkurencyjnego/losowego forum, niesformatowany w dodatku), miała ten sam kolor czcionki, niestety - wtedy zawartość tagu [code]treść[/code] również będzie mieć taki sam kolor. Ewentualnie mogę zostawić jak jest i po prostu napisać, że jest to już wersja ostateczna, ale... No właśnie wtedy styl nie będzie wersją ostateczną, bo będzie ten jeden jedyny bug.

Edytowane przez Shiny

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×