SMF HELP!

SMF Help! - For Users SMF/TP => Portals / CMS Bridges for SMF => Wątek zaczęty przez: Sandra 19.07.2010 10:27:10



Tytuł: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 19.07.2010 10:27:10
Witam,

Mam pewien (chyba drobny) problem.

Otóż: zainstalowałam na smf 1.1.11 TP 1.5.2 i styl Dogal. Na forum paski tytułowe działów są zaokrąglone, natomiast nagłówki bloków i artykułów TP są ostro zakończone. Czy jest możliwość jakoś to dopasować??

www.latoma.net/new (http://www.latoma.net/new)

Z góry dziękuję - pozdrawiam Sandra



Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: roco 20.07.2010 06:37:51
Cześć Sandro :)

Twój "(chyba drobny) problem", można rozwiązać na 2 sposoby,

1 - to narysowanie tych zaokrąglonych rogów.

2 - sposób to CSS3 które są jeszcze w powijakach i nie wszystkie przeglądarki ..qmają co jest zgrane..

Zastosowałem tę metodę tutaj, na tym forum, choć stosują ją różnych miejscach sieci..
Pewnie pytasz, bo zobaczyłaś tutaj pozaokrąglane rogi? spoco,
- to miejsce gł. (po za pomocą dla skryptu SMF, naturalnie), służy również pokazywaniu możliwości samego skryptu no i w ogóle co można z tym zrobić, wszak to jednocześnie "Poligon"..

Sandro, podpowiem Ci co masz zrobić, szczególnie że to TinyPortal, który bardzo dobrze znam.. i bardzo lubię..

W samych stylach.css od tej skórki, tej klasy odpowiadającej za blocki nie znajdziesz..  poszukaj gdzie indzie..

- w ./Theme/default znajduje się plik tp-style.css lub podobnie (joke) około lini ~1250 znajdziesz klasy od block'ów:

GeSHi -› Code: [select]
/*  
*******************************************************************************
this is where you set the distance between blocks, use padding and target each panel if you like
********************************************************************************
*/

.block_leftcontainer,
.block_rightcontainer,
.block_centercontainer,
.block_uppercontainer,
.block_lowercontainer,
.block_topcontainer,
.block_bottomcontainer
{
    padding-bottom: 4px;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.005s | speed:81.80 KB/s



to trzeba zastosować, nie wspierana oficjalnie przez W3c - klasę border-radius, tylko, że..
- w takiej wersji zobaczy i wyświetli poprawnie tylko i wyłącznie Opera,
- żeby zobaczył zaokrąglone rogi FF to musisz dopisać przed: -moz-
- żeby zobaczyły przeglądarki typu Safari musisz dodać przed -webkid-
- przeglądarka Konqueror (to linuxowa zabawka i można odpuścić), ale podaję, dodajesz przed klasą: -khtml-
- IE to ostatni, ale za to komercyjny dupek i olej to, ponieważ trzeba użyć specjalnej metody a i tak lipa..

Czasem lepiej narysować te zaokrąglone rogi.. Ale wiadomo ..wszystkim nie dogodzi..

Przy klasie border-radius podaje się w px promień i proponuje zasięg do testowania od 5px do 9px nie ma co przesadzać..
Mi to wygląda gdzieś na radius: 8px chyba nawet to będzie max, (przetestuj później na 6px),i tak Ci to podam,
a Ty sobie to ustaw, żeby było podobnie jak masz na górze, okay?

Do tej, (podanej wyżej) , klasy dopiszę radiusa..

taki przykład z 8px:

GeSHi -› Code: [select]
/*  
*******************************************************************************
this is where you set the distance between blocks, use padding and target each panel if you like
********************************************************************************
*/

.block_leftcontainer,
.block_rightcontainer,
.block_centercontainer,
.block_uppercontainer,
.block_lowercontainer,
.block_topcontainer,
.block_bottomcontainer
{
    padding-bottom: 4px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.004s | speed:122.67 KB/s



Pamiętaj o tym, że te style są globalne dla wszystkich skórek, które będziesz tam mieć,
- dlatego może z tego kodu wytnij ten padding a całą resztę dopisz lokalnie, czyli do stylu, którego używasz.
hmm mogła byś się niechcący zdziwić, gdybyś zmieniła styl..

no dobrze.. czesz na małą drzemkę czy cóś..  :muza:

Dopasuj, rozmiarem promienia w px tak żeby pasowało do tego co masz na górze strony.
Nie należy przeginać z ilością, ponieważ to obciąża procka odwiedzającego i stronka może trochę zwolnić.
ale najwięcej obciąża stosowanie cieni pod tekstem..

Okay, mam nadzieję, że przez to, Twoja strona stanie się piękniejsza ;)

Pozdrawiam :)
roco


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 20.07.2010 08:22:08
Hmmm...

albo coś źle robię, albo to nie to :(  dokonałam wpisów w tp-style.css i efekt żaden :(

może wkleję obrazek, żeby było wiadomo o co mi chodzi


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: roco 20.07.2010 14:55:29
nie nie, jest ok, po prostu TP generuje dynamicznie swoje klasy..

Pokażę Ci to na fotkach..

Wież, że dodałaś i masz tak:

(http://poligon.ricoroco.com/fora/foto/uploads/ce49d2f500.jpg)


To przykład, o czym mówiłem w związku z innymi przeglądarkami:

(http://poligon.ricoroco.com/fora/foto/uploads/c376de8f5a.jpg)

Tak widzi tez zapis FireFox.. normalnie ta klasa to border-radius i podajesz wielkość promienia w px
FF nie zobaczył tego wszystkiego tylko to co było dla niego, czyli trzeba było dodać na początku: -moz-

Klasy bloków zostały dynamicznie, (czy też virtualnie), wstawione do sekcji head co było widac w podglądzie strony:

(http://poligon.ricoroco.com/fora/foto/uploads/762036715f.jpg)


Przyjrzyjmy się teraz klasom, które już zostały wygenerowane dla przeglądarki:

(http://poligon.ricoroco.com/fora/foto/uploads/4a5a3c0338.jpg)

Strzałkami zaznaczyłem interesujące nas klasy.

Teraz przyjrzyjmy się temu pierwszemu blokowi:

to jest właśnie klasa, o której mówiłem wcześniej, czyli class = "block_leftcontainer"

(http://poligon.ricoroco.com/fora/foto/uploads/e009b239e0.jpg)

Ale to nie on ma to "coś" co można wizualnie zaokrąglić..


Ma to to klasa diva poniżej, ta klasa:

(http://poligon.ricoroco.com/fora/foto/uploads/93bf1884b5.jpg)

To dynamicznie i zależnie od "sutuacji" jest generowana ta właśnie klasa: class = "tborder tp_leftblock_frame" i to o nią właśnie chodzi..

Można zobaczyć mechanizm w pliku: "TPsubs.template.php" (- powinien być w stylu default..)

To jest kawałek kodu, który odpowiada, za dynamiczne przydzielanie klas, wszelkim blokom:

GeSHi -› Code: [select]
    // check
    if($block['var4']=='')
        $block['var4']=0;

    if($block['var4']==0)
        $block['var4'] = $context['TPortal']['panelstyle_'.$side];

    // its a normal block..
    if(in_array($block['frame'],array('theme','frame','title','none')))
    {
        echo '
    <div class="&#39;, (($theme || $block[&#39;frame&#39;]==&#39;frame&#39;) ? &#39;tborder tp_&#39;.$side.&#39;block_frame&#39; : &#39;tp_&#39;.$side.&#39;block_noframe&#39;), &#39;">&#39;;

        // show the frame and title
        if ($theme || $block[&#39;frame&#39;] == &#39;title&#39;)
        {
            echo $types[$block[&#39;var4&#39;]][&#39;code_title_left&#39;];

            if($block[&#39;visible&#39;]==&#39;&#39; || $block[&#39;visible&#39;]==&#39;1&#39;)
                echo &#39;<a href="javascript: void(0); return false" onclick="toggle(\&#39;&#39;.$block[&#39;id&#39;].&#39;\&#39;); return false"><img id="blockcollapse&#39;.$block[&#39;id&#39;].&#39;" style="margin: 0; " align="right" src="&#39; .$settings[&#39;tp_images_url&#39;]. &#39;/&#39; , !in_array($block[&#39;id&#39;],$context[&#39;TPortal&#39;][&#39;upshrinkblocks&#39;])  ? &#39;TPcollapse&#39; : &#39;TPexpand&#39; , &#39;.gif" border="0" alt="" title="&#39;.$txt[&#39;block-upshrink_description&#39;].&#39;" /></a>&#39;;

            // can you edit the block?
// Created by GeSHi 1.0.8.10 | code: -› [code=PHP] | load:0.025s | speed:52.50 KB/s




Natomiast w podglądzie strony masz już gotowca, wygenerowaną klasę: tborder tp_leftblock_frame

Kod, z podglądu:

GeSHi -› Code: [select]
    <div class="block_leftcontainer">
    <div style="margin-bottom: 4px;" class="tborder tp_leftblock_frame"><h3 class="titlebg" style="margin: 0; padding: 5px;"><span class="header">Firma</span></h3>
        <div class="tp_leftblock_body" id="block8"><div class="windowbg"><div style="padding: 8px;"><div class="blockbody" style="overflow: auto;">
    <ul class="tp_catmenu">
        <li>&nbsp;&nbsp;
            <img src="tp-images/icons/TPdivider2.gif" alt="" />&nbsp;
            <a href="index.php?page=4">O nas</a></li>
        <li>&nbsp;&nbsp;
            <img src="tp-images/icons/TPdivider2.gif" alt="" />&nbsp;
            <a href="index.php?page=3">Misja i cele</a></li>
        <li>&nbsp;&nbsp;
            <img src="tp-images/icons/TPdivider2.gif" alt="" />&nbsp;
            <a href="index.php?page=9">Baza szkoleniowa</a></li>
        <li>&nbsp;&nbsp;
            <img src="tp-images/icons/TPdivider2.gif" alt="" />&nbsp;
            <a href="index.php?action=contact">Kontakt</a></li>
    </ul></div></div></div>
        </div>
    </div>
    </div>
    <div class="block_leftcontainer">
    <div style="margin-bottom: 4px;" class="tborder tp_leftblock_frame"><h3 class="titlebg" style="margin: 0; padding: 5px;"><span class="header">Oferta szkoleniowa</span></h3>
    itd.. itd..
// Created by GeSHi 1.0.8.10 | code: -› [code=PHP] | load:0.029s | speed:39.52 KB/s



Poznajesz? to Twój pierwszy od góry block. Natomiast "pojemnik" (div), z klasą, o której wcześniej mówiłem jest wyżej
 i dopiero w nim znajduje się właściwy block z brzydkim i niepasującym do reszty borderem..

GeSHi -› Code: [select]
    <div class="block_leftcontainer">
    <div style="margin-bottom: 4px;" class="tborder tp_leftblock_frame">
// Created by GeSHi 1.0.8.10 | code: -› [code=PHP] | load:0.041s | speed:2.50 KB/s



To był block po lewej stronie, teraz dalej, z podglądu strony widać, że ten środkowy, ma taką klasę: class = "tborder tp_centerblock_frame"

Wygląda podobnie jak w blockach po lewej, tylko inne nazewnictwo:

GeSHi -› Code: [select]
    <div class="block_centercontainer">
    <div style="margin-bottom: 4px;" class="tborder tp_centerblock_frame"><h3 class="titlebg" style="margin: 0; padding: 5px;"><span class="header">Witamy</span></h3>
        <div class="tp_centerblock_body" id="block15"><div class="windowbg"><div style="padding: 8px;"><div class="blockbody" style="overflow: auto;"><div class="block_article">
    <div class="blockarticle render1">
        <div class="article_info">
// Created by GeSHi 1.0.8.10 | code: -› [code=PHP] | load:0.049s | speed:8.80 KB/s



Czyli mamy już te dwie interesujące nas klasy: tborder tp_leftblock_frame i tborder tp_centerblock_frame

W zasadzie to 4 klasy, połączone w dwie, które dla tego zapisu, połączymy w jedną.. hmm wyszło papalap, ale mam nadzieję, że nadążasz..

Oczywiście w stylach, w zapisie, należy klasę poprzedzić kropką ., co też jest względne..

Ta klasa wygląda u Ciebie w tym stylu tak:

GeSHi -› Code: [select]
/* This is used on tables that should just have a border around them. */
.tborder {
    padding: 0px;
    border: solid 2px #F4F9F2;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.004s | speed:31.58 KB/s



Jak dla mnie trochę siermięga.. już może (?) lepiej ten border wyglądałby tak: border: double 3px #F4F9F2; przynajmniej spróbuj..

Ale najważniejsze to wnioski końcowe..

Podaję zapis wynikający z powyższych wniosków..

GeSHi -› Code: [select]
/*******************************************
    Hack na zaokrąglone rogi bloków by roco *
*******************************************/

.tborder .tp_centerblock_frame, .tborder .tp_leftblock_frame {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.003s | speed:107.01 KB/s



Klasa "tborder" normalnie występuje sobie sama, ale to właśnie taki "myk" czy inaczej warunek..

To co podałem w ostatnim code css daj na samym początku style.css w stylu, którego używasz.

Dopiera jesli dalej nie będzie rezultatów, to usuń po kropeczce z obu .tborder, albo napisz.. wstawimy to gdzie indziej..


Sandro, sorry, miałem odpisać parę godzin temu, ale jestem w rozjazdach i robię sto rzeczy na raz..
Mam jednak nadzieję, że to napisałem, przyda Ci się na przyszłość..


Działanie jest proste, należy znaleźć potrzebną klasę odpowiadającą, za interesujący nas element i poddać obróbce,
ew. dopisać, jak robimy teraz.. Zobacz takiej klasy w ogóle nie ma, a w podglądzie strony jest..
Więc przynajmniej jest się czego trzymać..

Pozdrawiam :)
roco

PS. pochwal, się, kiedy Ci się uda ;)











Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 20.07.2010 21:56:20
Dzięki Roco, już jest zdecydowanie lepiej.

Musiałam jeszcze uzupełnić klasy odpowiedzialne za wyświetlanie tła nagłówka, bo byłyo "kanciaste" i wchodziło na zaokrąglenie ramki.

Teraz mam jeszcze pytanko, jak zrobić, żeby zaokrąglona była tylko góra tła a dół pozostał "kanciasty"?

Pokażę na rysunku o co mi chodzi


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 20.07.2010 22:07:40
Ech, niby lepiej, ale kforum i kalendarz wygląda byle jak :( chyba przedobrzyłam :(


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: roco 20.07.2010 23:14:14
Sandro :)

Zajrzałem do Ciebie i zauważyłem efekty, jednak pozwól, że coś Ci powiem. ;)

- dodałaś przecinek po .tborder, skutkiem czego - dosłownie wszystko co zawiera tborder, a to jest gł określenie borderów wszelkich tabelek, - będzie zaokrąglone.

Najważniejsze, że jest skutek, twojego działania na pliku style.css. Teraz powiem Ci jak zrobić żeby były zaokrąglone tylko górne rogi..
Tu też, na tym forum, dostałem rozpędziochy i ot tak sobie pozaokrąglałem wsio co popadło hehe, ale to poprawię..

Taki przykład..

Mamy border-radius: 8px; i jeśli tak zapiszemy, to 4 rogi będą miały zaokrąglenie o promieniu 8px każy

Oczywiście można tym regulować przestrzennie, dosłownie sferycznie, uzyskując różne efekty.
Przykłady masz w załączniku, - tylko 2 górne rogi są zaokrąglone, ale każdy inaczej, jak się dobrze przyjrzysz..

Okay, jak zrobić, żeby tylko góra była zaokrąglona?

Można to zapisac tak: (to przykład pod Operę, bez hacków pod inne browsery..)

GeSHi -› Code: [select]
.tborder .tp_leftblock_frame {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.003s | speed:35.01 KB/s



to tylko przykład.. ale widac na nim, że można radius odnieść do konkretnych "rogów"
Tak samo robimy dopisując hucki dla innych przeglądarek, to nie oszczędzaj, dorób to dla innych browserów.. i zapomnij o IE

Ten przykładowy kod można zapisać w inny sposób:

GeSHi -› Code: [select]
.tborder .tp_leftblock_frame {
    border-radius: 8px 8px 0 0;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.003s | speed:22.07 KB/s



Co dokładnie oznacza, - lewy róg - radius = 8px. prawy róg radius = 8px, a dolne oba rogi, nie posiadają żadnego radiusa..

Musisz wziąć poprawkę na to, że w takiej ramce komórki tabeli, jest jeszcze coś, co również być może wymaga takiego samego zaokrąglenia,
dla osiągnięcia lepszej hmm gładkości?

Sandro, ja proponuję, w tych klasach spróbować, wychlastać border, bo i tak osiągniesz zaokrąglenie, i będzie efekt, jakby to była grafika.. a nie ramka..

Na pewno nie może tam być przecinka po .tborder.. to celowe działanie, w zasadzie można rzec - warunek..

Spróbuj z takim zapisem:

GeSHi -› Code: [select]
/*******************************************
    Hack na zaokrąglone rogi bloków by roco *
*******************************************/

.tborder .tp_centerblock_frame, .tborder .tp_leftblock_frame {
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border:none;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.003s | speed:107.93 KB/s



Jak widzisz to podobnie jak z innymi elementami w stylach, z tą różnicą, że nie zaczyna się od górnego boku, tylko od górnego lewego rogu.. easy.. ;)

Ew. coś można pokombinować z tym borderem, ma go tam nie być, tzn. najpierw sobie zobacz jak to wygląda..
Chodzi o to, żeby było podobnie w części forum.. może nie to samo, ale podobnie w znaczeniu zaokrągleń.. tak sądzę..

Sandro najpierw to zrób, sprawdź czy wsio działa po Twojej myśli, a później dopiero pogadajmy już o ostatecznym wyglądzie, okay?

Pozdrawiam :)
roco


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 20.07.2010 23:30:21
Roco, dodałam przecinek, bo jak go nie ma, to zaokrąglony jest tylko środkowy blok.

Teraz efekt jest dokładnie taki o jaki mi chodziło - bardzo dziękuję za pomoc.

Jeśli masz jakieś sugestie odnośnie ostatecznego wyglądu to chętnie posłucham :)

Pozdrawiam - Sandra


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: roco 20.07.2010 23:48:13
Sandro :)

Jest w sumie hmm względnie ok.. Ja bym powalczył z ramkami w blokach, tj usunął bym zewnętrzne i dał wewnątrz, wtedy zawartość boxa byłaby oramkowana, a nagłówek miał tylko zaokrąglone rogi.. Trzeba trochę przysiąść nad tymi klasami w stylach i pobawić się z godzinkę..

Mówiłem o tym, że kiedy pierwszy etap masz za sobą to warto rozważyć inne rzeczy..

np. żeby było smooth, zamiast wewnątrz kanciasto.., a na zewnątrz na okrągło..

(http://www.w3.org/TR/css3-background/smooth-radius.png)

to są przykłady możliwości:

(http://www.w3.org/TR/css3-background/transition-region.png)

Można też fajnie pobawić się obrazkami do bodrera, przykład:

(http://www.w3.org/TR/css3-background/border-image.png)

itd..

Sandro, trochę się naszukałem w zakładkach, ale proszę specjalnie dla Ciebie
- Specyfikacjia border-radius (uwaga to CSS-3 a nie obowiązujące: CSS-2.1):
Spec. - Border-Radius - CSS3 (http://www.w3.org/TR/css3-background/#border-radius)

Tam masz z przykładami i rysunkami, podane w bardzo przejrzysty sposób, - co do czego i jak..

Oczywiście, jak masz pytania to zapraszam, tylko trochę ciągle jestem zajęty i nie udaje mi się chwilowo
- odpowiadac od razu, okay?

Pozdrawiam :)
roco


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 20.07.2010 23:53:49
Wielkie dzięki Roco za pomoc i poświęcony czas.

Jutro sobie poczytam i ew. jeszcze poeksperymentuję (chociaż jak wiesz nie lubię ulepszać dobrego - chyba że przestaje być dobre :) )

Pozdrawiam i życzę dobrej nocki - Sandra


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 22.07.2010 21:19:22
Poćwiczyłam trochę, przeniosłam wpisy z pliku stule.css do tp-style.css i jest lepiej.

Pozostały do wyeliminowania dwa problemy, próbowałam sama, ale chyba nie dam rady :( ):

1. zaokrąglone jest tło nagłówków na forum (temat, zaczęty przez, odpowiedzi itp)
2. strona z formularzem kontaktowym wyświetla się bez ramek

Pokażę to ma rysunkach


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: roco 22.07.2010 21:36:05
Sandro :)

Jednak nie rozumiem co jest tym problemem? - brak ramki w formularzu? i zaokrąglanie się nagłówków w gł. indexie działow?

W formularzu, to wiesz edycja pliku hmm jak mu tam? "formularz.template.php"? jeśli jest templatka od niego, to dodajesz klasę tborder, lub direct gdzie masz tę tabelę formularza, to dodajesz bordery tam gdzie trzeba, czyli do komórek, ale tylko zewnętrzne.
Natomiast w gł. indexie, to proste, stylujesz podobnie jak w formularzu, czyli lokalnie w pliku BoardIndex.template.php i jeśli nie ma tego pliku w tym konkretnym stylu, to easy, kopiujesz go tam ze stylu default a następnie obrabiasz.
Wystarczy że dasz border-radius:0; i go wyzerujesz..

Sandro jeśli dobrze zrozumiałem problem, to edycja lokalna może pomóc, a nie globalnie w stylach.css, ponieważ wpływa to na inne elementy jak widać..

Pozdrówka :)
roco

PS. jeśli dalej problem, lub cos niejasne, to pisz, ew. wyklaruj swoje pytania, o ile nie zajarzyłem..


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 22.07.2010 21:53:29
Hmmm to nie jest problem tylko formularza kontaktowego, artykuły też nie mają ramek.

Rzeczywiście ten przecinek "bruździ" ale jak go usuwam, to nie ma zaokrąglenia :(


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: roco 22.07.2010 22:17:44
W takim razie zastosuj radiusa lokalnie.. podawałem Ci jaki plik od TP odpowiada za blocki w tam są również boxy z artykułami.

Można dodawać klasy, np. masz class = "coś" to można dodać do danego elementu druga klase (itd tylko IE pełen bugów może tego nie trawić, - olewka!),
to dodamy np. klase "innecoś", będzie wtedy --> class = "coś innecoś" to łatwe..

Ale godzi o to, że podałem taką konstrukcję, ponieważ właśnie taką ma TP w tych konkretnych elementach, jakimi są blocki..

Sandro, nie dam rady pomóc Ci w tym momencie bardziej wymiernie, sorka, mogę Cię naprowadzić, ok?

Możesz np dopisać do styli klasy samych rariusów i dodawać je lokalnie do plików, jak ja to robiłem tu, albo mam jeszcze na localhoście..

Pokażę ci przykład:

GeSHi -› Code: [select]
/* Klasy border-radius */
.radius8 {
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
}

.radius8top {
border-radius:8px 8px 0 0;
-moz-border-radius:8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0;
-khtml-border-radius:8px 8px 0 0;
}

.radius9 {
border-radius:9px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-khtml-border-radius:9px;
}

.radius9top {
border-radius:9px 9px 0 0;
-moz-border-radius:9px 9px 0 0;
-webkit-border-radius:9px 9px 0 0;
-khtml-border-radius:9px 9px 0 0;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.004s | speed:140.79 KB/s



Możesz dopisać w dół do 5px i teraz lokalnie w konkretnych plikach stosujesz konkretne klasy, a jeśli zastosowałaś globalnie w style.css, to możesz dopisać do tych radiusów border-radius:0; i stosować lokalnie tam, gdzie tworzy się radius, a go nie powinno tam być..

Wiem, że jest z tym trochę zabawy, nawet dla mnie, trzeba to poodnajdywać.. Masz już ułatwienie ponieważ pokazałem Ci na przykładzie Twojej strony, gdzie masz jakie klasy, przeanalizuj fotki.

A próbowałaś, zamiast dawać przecinek, to wyciąć tborder?

Sandro, to powinno być zastosowane lokalnie w plikach, a w style.css dopisane klasy tych zabawek i tylko odwoływanie się, wg. potrzeb..


Oczywiście jak sobie nie poradzisz to pisz, tylko wybacz mam urwanie głowy ponieważ było za gorąco w ciągu na na pracę, więc teraz muszę odrobić..
Może być cienko, na uważniejsze przyjrzenie się, po prostu w tej chwili nie mogę sobie pozwolić.
Miałem też pomóc przyjacielowi, czeka od kilku dni i nie idzie..

Ale zawsze mogę coś doradzić, lub naprowadzić.. przynajmniej dziś mam tak przewalone..

Jak co to nie przejmuj się i pisz.. ;)

Pozdrawiam :)
roco


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 22.07.2010 22:47:43
Ok. dzięki za tyle, popróbuję i zobaczę efekty..

Pozdrawiam - Sandra


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: roco 23.07.2010 00:46:32
Sandro :)

Musisz zrozumieć, że nie mam kiedy iść spać, nie mam też żadnej wolnej godzinki, przynajmniej w tym momencie, może to potrwać z dzień czy dwa, zależy to również od upałów, niestety..

To tylko Ci pomoże! Style, to piękna sprawa, a im bardziej się w nie zagłębiasz, tym bardziej jesteś przekonana, jak mało wiesz, ponieważ obszarowo, nie ustępuje to innym zaawansowanym językom webowym. Style występują wszędzie, nawet w popupie hehe
Dlatego jeśli masz okazję poznać jakiś "myk", czy hack, to warto to zgłębić do bólu.. Na pewno ta wiedza Ci się przyda, zwłaszcza tobie Sandro ;)

Pozdrawiam :)
roco

PS. pamiętaj, że zawsze masz kogo spytać..


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: Sandra 24.07.2010 09:20:47
Dzięki Roco za pomoc i dobre słowo :) zwłaszcza, że masz nadmiar swoich zajęć.  Naprawdę doceniam Twoje zaangażowanie :) W zasadzie tylko tu można liczyć na szczegółowe omówienie tematu i życzliwe podejście do maluczkich.

Chyba jednak przeceniasz moje możliwości... na moim obecnym etapie to jeszcze za trudne (ale mam nadzieję, że już wkrótce się rozjaśni)

Póki co,  doprowadziłam do w miarę zadawalających efektów :) chociaż jeszcze mam pewne zastrzeżenia :(

Jak się z tym uporam, to dam znać.

Pozdrawiam - Sandra


Tytuł: Odp: Wyświetlanie bloków TP niezgodne ze stylem
Wiadomość wysłana przez: roco 26.07.2010 00:03:34
Sandro :)

Dzięki Tobie za dobre słowo, owszem jestem zawalony robotą, choć nie cieszy mnie to zbytnio z powodu wakacji, to jednak ważne, że coś się kreci, nie?

W miarę możliwości jestem tu, walczę z nasyłanymi spambotami, co akurat uważam za qrestwo ludzkie, ale spox, to nie ma znaczenia i tak nie zamknę tego miejsca i tak nie przestanę pomagać ludziom ze skryptem smf i cześć..

Sandro, ja wiem, że dajesz sobie rade i obserwuję twój rozwój, naprawdę się rozwijasz dziewczyno i to jest ok. Oczywiście zawsze pytaj, kiedy masz w czymś niejasność, jeśli starczy czasu, na pewno pomogę.

Będzie trochę luźniej czasowo, to możemy pogadać o CSS3 ;)

Pozdrawiam :)
roco