Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów - fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 26
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany:    dopasowanie obrazka do paska bocznego

Na moim blogu coraz wiecej obrazów pojawia sie pod nagłowkiem "wspołpracuje z". Problem jest taki, że każdy dodawany gadżet ma spory margines. Mogłabym tego uniknąc, gdybym wrzucała wszystkie obrazki do jednego dodatku (np HTML). Niestety, wtedy obrazki sie nie dopasują automatycznie. Szerokośc jest zawsze dla nich stała, natomiast wysokośc już nie. Jest jakiś sposób żeby "na sztywno" zmniejszyc obrazki nie psując ich jakości? Czy trzeba je zmniejszac jeszcze podczas obróbki, czy można po prostu coś w kodzie dodatku dopisac?


Blog : mirrorowisko.blogspot.com

[ Komentarz dodany przez: Htsz: 08-10-2013, 04:59 ]
zobacz także:
nowszy wątek => jednakowa szerokość obrazków w sidebarze / gadżecie
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  podziel się tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do społeczności na G+ --- Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2012-07-17, 23:11   

Zauważyłem przy okazji szukania rozwiązania, że gadżet "Zdjęcie" ma jedną wadę. Kiedy mamy zaznaczoną opcję dopasowywania to tworzony jest obraz tylko dla tej wielkości. Jeżeli później zmienimy rozmiar naszego paska bocznego to grafiki pozostaną ze starą szerokością.

A) Zmniejszanie marginesów gadżetu

Jeżeli nie chcesz nic mieszać to można pozmieniać marginesy dla tego gadżetu ma mniejsze. Wystarczy do CSS (przed ]]><) dopisać:
Wiadomość (widoczna dla zarejestrowanych)
w pierwszym elemencie ustaliłem margines dla wszystkich gadżetów Image a drugi element powoduje ukrycie znaczników <br> - nie wiem po co, ale blogger je dodaje po każdym obrazku.


B) Stała szerokość obrazków w gadżecie HTML/Javascript

Można też wybrać opcję wrzucania zalinkowanych obrazków do gadżetu HTML, tutaj jest jednak trochę zabawy z kodami i trzeba uważać by nic nie popsuć (przy wklejaniu kolejnego).

Najpierw musimy poznać identyfikator naszego gadżetu. Dodajemy pusty (lub z kodami) gadżet i po zatwierdzeniu nakierowujemy kursor na napis "edytuj" w dolnym pasku przeglądarki powinien nam się pojawić adres, w jego treści zawarty jest identyfikator, przykład:

Wiadomość (widoczna dla zarejestrowanych)


Teraz tworzymy styl dla obrazków umieszczonych w tym elemencie, dopisujemy do CSS:
Wiadomość (widoczna dla zarejestrowanych)
W ten sposób nadaliśmy stałą szerokość 144px niezależnie od tego jak duży był obraz, wysokość dobierze się proporcjonalnie. Oczywiście każdy podaje swoje numery i nazwy. Do stylu można dopisać wiele innych rzeczy (obramowanie, marginesy) - w zasadzie wszystko co oferuje CSS.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 26
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2012-07-17, 23:47   

Htsz napisał/a:

Zauważyłem przy okazji szukania rozwiązania, że gadżet Zdjęcie ma jedną wadę. Kiedy mamy zaznaczoną opcję dopasowywania to tworzony jest obraz tylko dla tej wielkości. Jeżeli później zmienimy rozmiar naszego paska bocznego to grafiki pozostaną ze starą szerokością.

Nie zauważyłam tego przy zmienianiu szerokości paska za pomocą suwaczków. Na bank jednak tak sie dzieje, jeśli mamy szerszą i weższą kolumne. Wtedy obrazek przenoszony z wezszej do szerszej zostaje mały.

Htsz napisał/a:

Wiadomość (widoczna dla zarejestrowanych)

metodą prób i błedów zmieniłam sobie na -5. Mam nadzieje, że ujemna wartośc sie nie wykrzaczy gdzieś po drodze. Póki co działa, ale ja lama jestem i sie nie zdziwie, jak sie zepsuje.

Htsz napisał/a:

B) Stała szerokość obrazków w gadżecie HTML/Javascript

Czyli jeśli u mnie ten ID to sidebar-right-2-1 i sidebar-right-2-2 i jeszcze miljon innych, to dla każdego musze zrobic osobno taki kod jak podałes z moją wartością (w tym przypadku 150px) i po prostu wkleic w CSS?
W którym miejscu?
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  podziel się tym postem na:
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2012-07-18, 02:24   

PannaNienaganna napisał/a:

metodą prób i błedów zmieniłam sobie na -5. Mam nadzieje, że ujemna wartośc sie nie wykrzaczy gdzieś po drodze. Póki co działa, ale ja lama jestem i sie nie zdziwie, jak sie zepsuje.
wartości ujemne są dopuszczalne.

PannaNienaganna napisał/a:

Czyli jeśli u mnie ten ID to sidebar-right-2-1 i sidebar-right-2-2 i jeszcze miljon innych, to dla każdego musze zrobic osobno taki kod jak podałes z moją wartością (w tym przypadku 150px) i po prostu wkleic w CSS?
W którym miejscu?
ale Ty bierzesz identyfikatory ze źródła, które dotyczą kolumn (za ich pomocą też można tworzyć spersonalizowane style dla poszczególnych elementów szablonu) bloga, ja natomiast pisałem o wyciąganiu identyfikatora w dziale Układ (z adresu edycji danego gadżetu) :)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 26
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2012-07-18, 08:33   

Htsz napisał/a:

ale Ty bierzesz identyfikatory ze źródła, które dotyczą kolumn (za ich pomocą też można tworzyć spersonalizowane style dla poszczególnych elementów szablonu) bloga, ja natomiast pisałem o wyciąganiu identyfikatora w dziale Układ (z adresu edycji danego gadżetu)
albo ja zgłupiałam, albo Ty mnie nie zrozumiałes :P weszłam w układ, kliknełam "edytuj" na gadżecie, który mnie interesował i właśnie taki ID mi wskoczył. Czyli zrobiłam to co kazałeś. Albo kazałeś inaczej, a ja nie ogarnełam :P
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  podziel się tym postem na:
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2012-07-18, 15:25   jak sprawdzić ID gadżetu?

Tyle, że nam potrzebny identyfikator gadżetu, nie sekcji, w której się znajduje (ale jak wspomniałem to też się może przydać, bo dla każdej sekcji można ustalić inny styl) ;)



1. tuż po widgetId= jest nazwa (w tym przypadku HTML2), tylko ta nazwa jest ważna i ją należy stosować jeżeli chce się uzależnić coś (wygląd gadżetu, skryptu) od tego elementu w szablonie.

2. styl dla tego konkretnego będzie wtedy #HTML2 {jakiś:kod;}

3. każdy gadżet ma inny identyfikator! (np. Image1, LinkList1, Stats1)

4. wielkość liter ma znaczenie (stosuj dokładnie taki sam zapis, inaczej styl nie zadziała)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 26
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2012-07-18, 19:46   

aaa, czyli Profile, Html9, Stats1 itp, tak? :D

No to tak czy siak, jeśli mam tego np 5, to musze 5 linijek tego Twojego kodu miec, tak?
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  podziel się tym postem na:
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2012-07-18, 20:44   

PannaNienaganna napisał/a:

No to tak czy siak, jeśli mam tego np 5, to musze 5 linijek tego Twojego kodu miec, tak?
pięć gadżetów HTML czy jak?

style można łączyć ze sobą i uzależniać. np.

Kod

#Element1 .element {styl}
sprawi, że znaczniki z klasą .element osadzone wewnątrz znacznika z identyfikatorem #Element1 będą miały ten styl. Jak ustawisz class="element" dla jakiegoś innego znacznika (poza tym divem) to nie złapie on tych ustawień.

Kod

#Element1, #element2, .elementyy {styl}
oznacza, że styl będą miały znaczniki z identyfikatorem #element1 oraz #element2 a także wszystkie znaczniki z klasą .elementyy

#cos = identyfikator, używany raz na stronie
.element = klasa, używany wiele razy na stronie (dla linków, divów itd.)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
BikiniGirl 
Blogger.Klub


Imię: Paulina
Pomogła: 1 raz
Dołączyła: 29 Sie 2012
Posty: 32
Miasto: Warszawa

Wysłany: 2012-10-06, 09:09   

Ja się pogubiłam w tych stylach, zrobiłam najbardziej zrozumiale dla mnie (arkusz CSS dla HMTL) ale mam problem ze zdjęciami. Zmniejszyłam w gimpie do odpowiedniej szerokości i z tym jest ok, ale mimo to nie jest ułożony w jednej linii tak jakbym chciała.
Chodzi mi dokładnie o zdjęcie fitness-food w pasku bocznym. Wyżej są html i chciałabym żeby to było równo, tylko nie wiem jak przesunąć obrazek do przodu ?
______________________________________________________
Mój blog - www.cytrynazmiodem.blogspot.com
 
  podziel się tym postem na:
Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
Miasto: Wrocław

Wysłany: 2012-10-06, 15:25   

Podstawy HTML+CSS :> od tego jest margin, padding itp. Te dwa można ustawiać dla wszystkich stron, dwóch lub każdej z osobna.
Wiadomość (widoczna dla zarejestrowanych)
w ten sposób określasz margines dla wszystkich stron
Wiadomość (widoczna dla zarejestrowanych)
w ten sposób określasz margines dolny/górny oraz lewy/prawy
Wiadomość (widoczna dla zarejestrowanych)
w ten sposób ustawiasz po kolei: górny, prawy, dolny, lewy.
można jeszcze tak:
Wiadomość (widoczna dla zarejestrowanych)


to samo w przypadku padding.

Z tego co widzę w Twoim kodzie ustawiłaś wersję pierwszą przez co w gadżecie obraz (Image) grafika odstaje ze wszystkich stron o 10px.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
BikiniGirl 
Blogger.Klub


Imię: Paulina
Pomogła: 1 raz
Dołączyła: 29 Sie 2012
Posty: 32
Miasto: Warszawa

Wysłany: 2012-10-06, 15:56   

No ja się właśnie nie znam na htmlu ;P

Ale zadziałało, dzięki :D
______________________________________________________
Mój blog - www.cytrynazmiodem.blogspot.com
 
  podziel się tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegóły.
Nie możesz odpowiadać w tematach. Zobacz szczegóły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2018 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:
Dodaj na Google+:


Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz