hmm okay, to zacznijmy od początku..
Trzeba wejść do PA i zaraz, na górze w menu po lewej, pod Centrum Administracji, jest:
O SMF... (kliknij!)
- wyświetlą się parametry serva na którym mamy forum i to będzie ostatnia pozycja: Wersja GD: i np. będzie:
bundled (2.0.34 compatible) ..lub podobnie to znaczy, że jest ok! Jeśli nie będzie włączonej biblioteki GD - to lipa i cienizna..
Sprawdzamy jaką wersje biblioteki mamy i czy w ogóle.. To biblioteka potrzebna do "operacji" na obrazkach za pomocą php itd..
Następnie ustawiamy szerokość obrazków w postach. - tylko szerokość! ponieważ te obrazki są później skalowane, a mamy możliwość wpisania tylko i wyłącznie wartości liczbowych, które dalej występują w px (inaczej IE źle skaluje i zależy to też od rodzaju grafiki!) - dlatego podajemy tylko wartość max szerokości! a wysokość wtedy będzie na "auto" (w SMF 1.xx to pewnie 0 a w SMF 2.xx to pewnie puste pole.. lub również 0)
Należy to ustawić przed jakimikolwiek zmianami w plikach!!,
(tu w grę wchodzą tylko takie pliki jak style.css i Display.template.php)
Na SMF 1.x.x to będzie w PA --> Opcje Forum (gdzieś pod koniec..) -->
Maksymalna szerokość obrazków w wiadomościach (0 = wyłącz)Na SMF 2.x.x to będzie w PA --> Właściwości i Opcje --> górna zakładka: Opcje -->
Maksymalna szerokość obrazków w wiadomościach (0 = wyłącz)Ile ustawić?
- To zależy.. Jeśli forum jest rozciągliwe, elastyczne w szerokości i ma określone minimum, to należy odjąć to co "po bokach" i odjąć to miejsce gdzie dane usera w poście (avatar itp..), oczywiście jeśli są sidebary to je również należy odjąć.. Np. tutaj mam ustawione na 700, ale testowałem z 770 i też było ok.. Należy to przetestować..
Oczywiście można poprawić style i zajrzeć do pliku Display.template.php w stylu, który chcemy poprawić..
Pokażę to dla obu wersji SMF...
Dla wersji SMF 2.0.xPlik: -->
style.cssNa SMF 2.x.x to są style.css i albo jest w skórce katalog [css] albo jest on w stylu default i tam jest plik --> forum.css
Może też być tak, że nie ma ale jest dodatkowo dopisane do stylu, który właśnie używamy
Dla SMF 2.0 chodzi o takie klasy: .post, .personalmessage { } ew.: .postarea { } (to gł. jest w forum.css)
Ale u Ciebie Cieplutki jest w gł. stylach tak:
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
line-height: 1.3em;
width: 100%;
}
.postarea .post
{
clear: right;
float: left;
}
/* add a visual divider between subject and post */
.post .inner
{
padding-top: 0.7em;
border-top: solid 1px #e8e8e8;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.003s | speed:112.62 KB/s
To do klasy .post, .personalmessage {} dodaj --> display: block; a w klasie .postarea .post {} potestuj wyłączenie tych dwóch linii, ale po kolei, czyli najpierw wyłącz float'a, a później cler'a
Przykładowo:
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
display: block;
line-height: 1.3em;
width: 100%;
}
.postarea .post
{
/*clear: right;*/
float: left;
}
/* add a visual divider between subject and post */
.post .inner
{
padding-top: 0.7em;
border-top: solid 1px #e8e8e8;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.003s | speed:116.16 KB/s
Przetestuj, ale najpierw zacznij od określenia maxymalnej szerokości obrazka w poście (j.w. to podałem!)
Pliku Display.template.php do wersji 2.0 nie ruszamy.. - to złożona sprawa i jak dla mnie to prowizorka, hmm pierwsze przejście na div'y i hacki css typu clearfix itp.. Chłopcy dopiero tesuja i nie ma co się dziwić.. Może się rozwalać, ale na pewno zostały wszelkie kombinerki w kodzie ograniczone do minimum i po prostu nie ma gdzie wetknąć linii kodu.. Tj. jak dla mnie żaden problem, ale wymaga czasu, testów i samych plików.. na tzw. "pałe" nic nie podaję w tej kwestii ok? Chyba, że dalej będzie źle, ale wtedy dotrzemy konkretnie wszystkie szczegóły i się zobaczy.
Co do wersji
SMF 1.x.xPlik -->
style.cssKlasa: --> .post,.personalmessage { }
m/w powinna wyglądać tak:
/* Posts and personal messages displayed throughout the forum. */
.post,.personalmessage {
width:100%;
display:block;
overflow:auto;
line-height:1.3em;
font-size:12px;
/* tu Twoje wpisy
kolorki itp..
...
...........*/
white-space:wrap;
clear:right;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.003s | speed:93.12 KB/s
Głównie chodzi o to, żeby zastosować display: i white-space: co m/w będzie trzymać sam post w ryzach..
Teraz Uwaga! to jest błąd w pliku Display.template.php dla wersji 1.x.x,
- trzeba odnaleźć w tym pliku, diva z klasą: class = "post" i zamienić miejscami z sąsiadującą klasą w przyległym divie: class = "normaltext"
Wyjaśnienie:
- Chodzi o to, że mamy ostylowaną klasę .post {} a tymczasem już sama zawartość posta to klasa "normaltext", a co za tym idzie to nasze stylowanie klasy post jest do bani.. bo nie zadziała..
Nie zawsze tak jest, ale do niedawna tak było i multum styli powiela ten błąd, chodzi o diva w którym jest:
', $message['body'], ' i powinien ten właśnie div mieć class = "post" i jeśli w środku ma jeszcze kolejnego diva z klasą "normaltext" to trzeba zamienić je miejscami.
czyli reasumując -->
', $message['body'], ' ma znajdować się bezpośrednio w divie z klasą - post!
To ważne ustalenie, może już być normalnie, np. po kolejnym updatre, ale jeśli mamy inne style, to warto zwrócić na to uwagę..
Inaczej nasze działania na stylach mogą się okazać nieefektywnymi..
Ten div z klasą: class = "post" to nasze "pudełko" na gł. content posta i jeśli jest ok w kodzie, to możemy wpływać dowolnie na wygląd samego postu, poprzez tego diva i w stylach klasę post
Podobnie jest z personal message, - klasy w stylach są połączone, tj. ich ostylowanie. tylko tutaj będzie to klasa .personalmessage {}
Okay, mam nadzieję, że trochę wam przybliżyłem tę kwestię.. Jeśli chcecie mieć wpływ na wygląt posta, to w tym topie zawarta jest "pigułka" haw to.
Oczywiście, jak coś niejasne należy pytać.
@Draco u Ciebie mógł być właśnie brak ostylowania i leciało automatem, ew. jakieś błędy, co się normalnie ludziom zdarza, (mówię o tych co piszą nowe style)
Pozdrawiam
roco
// Edit: 14.06.2009 23:43:00
@Cieplutki.. zajrzałem do innego twojego topa:
http://www.zionplusplus.pl/index.php/topic,67.0.html tam gdzie masz "Parametry RAW"
to w tym topie widzę masakrę w ostylowaniu code.. musisz dodać do klasy code w style.css -->
overflow: auto; inaczej zamiast suwaka z boku i przewijania tego co w code masz code wysokości max.. 24 em i jak kod jest dłuższy to wylewa się obszernie poza code..
Popraw to i będzie gitarka..
Po za tym widzę w stopie jakiś badziew w kodzie.. groch z kapustą.. - zajrzyj do index.template.php bo to co tam jest, to obciach jak beret.. Jesli nie wiesz o co kaman to zapytaj bez krempacji.. Btw. jak podjeżdżam tam FF3 to w oknie Firebug'a w konsoli, widzę powieloną stronę zamiast danych itp.. Moim zdaniem cos jest przekombinowane ze skryptami..
Narka