Polskie Forum Użytkowników GIMP-a

Root => Sprawy techniczne => Wątek zaczęty przez: Sebastian on 17.10.2008, 15:44:44



Tytuł: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: Sebastian on 17.10.2008, 15:44:44
Pisząc tutorial wpadłem na jeden pomysł. Czy dało by się wprowadzić na forum coś takiego jak na obrazku poniżej ?

(http://www.gimpuj.info/gallery/1197_17_10_08_3_42_34.png)

Ten dymek da się zrobić nawet bez JS stosując sztuczkę ze span i a:hover.
Pewnie było by trochę pracy z tym ale efekt byłby naprawdę ciekawy.


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: Nose4s on 17.10.2008, 16:52:58
wydaje mi się że tutoriale były by jeszcze bardziej profesjonalne :D

ale roboty było by przy tym w pizdu i jeszcze trochę :/


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: glabek94 on 17.10.2008, 17:06:34
Może coś przez nowego BBCoda, bo problem w sprawie technicznej (w sprawie wyświetlania) jest prosty do wykonania, tylko potrzeba by było zrobić to tak, aby np. wpisując
Kod:
[pierwszoplanowy]
dawało ten efekt, ale to też raczej w PA przez nowego BBCoda da się zrobić.

Pomysł sam w sobie cudny ;). Sam wymyśliłeś czy pomysł "ściągnięty" z innego forum?


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: no-name on 17.10.2008, 17:14:05
pewnie wkurzające reklamy rodem z fora.pl go zainspirowały. ;)


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: Sebastian on 17.10.2008, 17:26:25
Nigdy nie widziałem czegoś takiego na innym forum. Na pomysł wpadłem robiąc sobie dla zabawy stronkę z tutorialami. Myślałem jakie tu nowe możliwości dodać i przypomniałem sobie że kiedyś robiłem stronkę co wykorzystywała a:hover i span by wyświetlać powiększone obrazki miniaturek. Kiepski był to pomysł bo stronka długo się ładowała (od razu wczytywane były wersje powiększone). Ale już w takim układzie sztuczka by się sprawdziła.
Poza tym jak to wymyśliłem to przypomniałem sobie o takim serwisie który tworzył miniatury stron, to znaczy mieliśmy link onet.pl i jak najechaliśmy to pojawiało się flashowe okno podobne do mojego w którym widać było stronę. Podobne dymki stosuje też chyba google na swoich stronach ale głowy nie dam.
Tak więc jest o raczej znany i stosowany sposób i jakieś wielkie odkrycie to to nie jest ;).

A te obramowania dla skrótów klawiszowych to widziałem choćby w KS Ekspert.       

Cytuj
pewnie wkurzające reklamy rodem z fora.pl go zainspirowały. Mrugnięcie
   

Ostatni raz reklamy widziałem jak odpaliłem Chroma ;P. NoSript + Adblock. Nic się nie przebije :]. 

Edit: Przypomniało mi się że przecież na wykop.pl jest coś takiego kiedy wchodzimy na niego pierwszy raz po zalogowaniu. Pokazuje od dymki z opisami dla naj. linków. Może tym podświadomie się zainspirowałem oraz wyskakującym u mnie co 30-20 min. dymkiem o połączeniu się z internetem ;).      


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: no-name on 17.10.2008, 20:16:13
   
Cytuj
pewnie wkurzające reklamy rodem z fora.pl go zainspirowały. Mrugnięcie
   

Ostatni raz reklamy widziałem jak odpaliłem Chroma ;P. NoSript + Adblock. Nic się nie przebije :]
ja tych reklam, też nie widzę, ale użytkownicy wrzucali screeny jako ciekawostki. Po prostu jakoś losowo były wybierane słowa, podkreślane i dawane linki do reklam w takich dymkach i wychodzą z tego idiotyzmy. :P


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: Sebastian on 17.10.2008, 20:32:37
Przyznam się że nie słyszałem jeszcze o takiej reklamie :).

A co do projektu, można skorzystać z http://gimp.wikidot.com/ by opisać narzędzia, jednocześnie wspomogło by się samą encyklopedię tworząc brakujące hasła (po kliknięciu w taki link z podpowiedzą odsyłani bylibyśmy oczywiście do wiki).


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: RRH on 17.10.2008, 21:24:46
Ciekawy pomysł, ale IMO pomysł na razie niewykonalny. Nie w sensie umiejętności, ale czasu. Jak zapewne zauważyłeś, Kacper teraz rzadko się wypowiada. Po drugie w kolejce czekają inne pomysły do wdrożenia, jak choćby nowy skrypt galerii i nowy indeks. Jeżeli dodać do tego, że o skrypcie galerii rozmawialiśmy chyba na początku wiosny, Twój pomysł jeszcze długo (o ile w ogóle) nie wejdzie w życie.


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: Spoot Nick on 17.10.2008, 22:19:46
To zadanie bardzo trudne, ponieważ trzeba by było wnikać w strukturę SMF ale wydaje mi się że admini już to setki razy robili. Pomysł wg. mnie czasochłonny.


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: Sebastian on 17.10.2008, 23:53:27
To zadanie bardzo trudne, ponieważ trzeba by było wnikać w strukturę SMF ale wydaje mi się że admini już to setki razy robili. Pomysł wg. mnie czasochłonny.

No właśnie, SMF jest otwarty więc każdy może dodać jakąś nową funkcję. Wydaje mi się że nie jest to aż tak trudne. Jak ktoś pisal wcześniej trzeba dodać tylko parę nowych tagów.
Ja to widzę tak

[patch]Filtry -> Odwzorcowania -> Mapowanie wypukłości[/patch]
[sc]CTRL+A[/sc]
W tym momencie wstawiany jest po prostu odpowiedni <span>.

Bardziej skomplikowane są dymki. Wydaje mi się że powinno wyglądać to tak:
[hint=barwienie]zastosuj barwienie[/hint]

Po prostu dostawał by parametr "barwienie" i odczytywał z bazy danych opis, ew. obrazek i skróty klawiszowe. Całość obrabiałby w linka prowadzącego do wiki gimpa. 

Można było by to łączyć:

[hint=Mapowanie_wypukłości][patch]Filtry -> Odwzorcowania -> Mapowanie wypukłości[/patch][/hint]
 


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: Spoot Nick on 18.10.2008, 09:49:33
Po prostu tagi jak w MediaWiki tylko inne.
Zauważcie że do każdej chmurki trzeba by było robić grafikę.


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: Nose4s on 18.10.2008, 11:30:31
a ty zauważ ze na tej stronie jest trochę więcej niż jeden grafik......ptacą zawsze można się podzielić.....


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: lion. on 18.10.2008, 12:11:10
Pomysł dobry ale wykonie nie najprostrze... Cóż co do kolory pierwszoplanowego to nie zawsze jest czarno biały. Zawsze można zrobić flash ale pomysł rczej nie za dobry.


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: glabek94 on 18.10.2008, 13:45:37
Tam jest pokazany tylko symbol, żeby wiedzieć jak się połapać ;) .
Jak dla mnie wykonanie bardzo trudne nie jest, ale właśnie jak to zwykle bywa czasu brak...


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: 96th on 18.10.2008, 13:48:11
Fajny ale raczer czasochlonny pomysł.


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: INSEKT on 18.10.2008, 21:30:42
Tam jest pokazany tylko symbol, żeby wiedzieć jak się połapać ;) .

Jak jakiś debil nie wie, co to jest kolor pierwszoplanowy, to niech wyłączy i odinstaluje GIMP-a.


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: @Cakper on 20.10.2008, 20:40:08
pomysł dymków z podpowiedziami nie jest wg mnie zły, pomijając całą niepotrzebną momentami dyskusję chcę dodać, że myślałem o integracji z serwisem http://gimptools.pl/ który jest dużą bazą informacji o narzędziach w gimpie

pozostaje kwestia dopracowania tegoż serwisu i dodania odnośników w formie bbcode, pomysł to na razie koncepcja, lecz chyba dość sensowny i jego realizacja nie wymagałaby dużych edycji kodu


Tytuł: Odp: Nowe możliwości i ulepszenia dla tutoriali
Wiadomość wysłana przez: ba®thez on 26.10.2008, 09:58:09
Dla ścieżki i skrótu, to są moje propozycje kodu:

php:
Kod:
$str = preg_replace("#\[sc\](.*?)\[/sc\]#si", "<span class=\"scl\"></span><span class=\"sc\">\\1</span><span class=\"scp\"></span>", $str);

$str = preg_replace("#\[patch\](.*?)\[/patch\]#si", "<span class=\"patchl\"></span><span class=\"patch\">\\1</span><span class=\"patchp\"></span>", $str);

css:
Kod:
.scl {
width: 10px;
padding: 0;
margin: 0;
background: url("tło_lewe_skrótu.png") norepeat;
}

.sc {
padding: 0 3px;
margin: 0;
background: url("tło_srodkowe_skrótu.png") repeat-x;
}

.scp {
width: 10px;
padding: 0;
margin: 0;
background: url("tło_prawe_skrótu.png") norepeat;
}

.patchl {
width: 10px;
padding: 0;
margin: 0;
background: url("tło_lewe_ścieżki.png") norepeat;
}

.patch {
padding: 0 3px;
margin: 0;
background: url("tło_srodkowe_ścieżki.png") repeat-x;
}

.patchp {
width: 10px;
padding: 0;
margin: 0;
background: url("tło_prawe_ścieżki.png") norepeat;
}