HOME | DD

WwGallery — Content-Holder Boxes with background

Published: 2014-08-27 20:10:46 +0000 UTC; Views: 8783; Favourites: 316; Downloads: 7
Redirect to original
Description
Hello I found a way to add a background to the Content-Holder Boxes + Border 


Background gadget + Content - Holder Boxes with background Non-Rounded + Border (with header title)

iv class="popup2-moremenu">iv class="floaty-boat">mg src="Here the URL of your background gadget"/>iv>iv>

iv class="gr-top">iv>iv class="gr-body">iv align="center">v class="popup2-moremenu">iv class="floaty-boat">g src="Here the URL of your background Content-Holder"/>iv>iv>iv class="gr-box gr-genericbox">r/>3>CONTENT HEADING HERE3>Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..iv>iv class="gr-top">iv>iv>iv>iv>r/>r/>


Background gadget + Content - Holder Boxes with background Non-Rounded + Border (without header title)

iv class="popup2-moremenu">iv class="floaty-boat">mg src="Here the URL of your background gadget"/>iv>iv>

iv class="gr-top">iv>iv class="gr-body">iv align="center">v class="popup2-moremenu">iv class="floaty-boat">g src="Here the URL of your background Content-Holder"/>iv>iv>iv class="gr-box gr-genericbox">r/>Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..iv>iv class="gr-top">iv>iv>iv>iv>r/>r/>





Background gadget + Content - Holder Boxes with background Rounded + Border (with header title)

iv class="popup2-moremenu">v class="floaty-boat">g src="Here the URL of your background gadget"/>iv>iv>

v class="ccomment ccomment-featured">iv class="ch-ctrl">iv class="ch-ctrl cc-in" align="center">iv class="popup2-moremenu">v class="floaty-boat">g src="Here the URL of your background Content-Holder"/>iv>iv>iv class="gr-box gr-genericbox">r/>3>CONTENT HEADING HERE3>Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..iv>iv>iv>iv>r/>r/>


Background gadget + Content - Holder Boxes with background Rounded + Border (without header title)

iv class="popup2-moremenu">v class="floaty-boat">g src="Here the URL of your background gadget"/>iv>iv>

v class="ccomment ccomment-featured">iv class="ch-ctrl">iv class="ch-ctrl cc-in" align="center">iv class="popup2-moremenu">v class="floaty-boat">g src="Here the URL of your background Content-Holder"/>iv>iv>iv class="gr-box gr-genericbox">r/>Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..
Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..Body text here..iv>iv>iv>iv>r/>r/>


Your background Content-Holder should have sizes:

Exactly width - 386 px
Height max 1500 px - depends on the length of the content gadget

Your background gadgets should have sizes:

Width  - 800 px (recommended)
Height max 1500 px - depends on the length of the content gadget


Big thanks to Alexandra  for an idea as to the Rounded + Border
Related content

macsnuffy00 - Green Wave

hobo5788 - alien hominid kirby

NamelessBot - Juggle Revamp

Czathero - Yup nod

BeeEmDoubleU - Punio

Cojaro - :airguitar:

Vectomon - :knockknockknock:

raven554 - the annoying dance

dirtypaintbrush - Famine
Comments: 22

Demiilia [2014-09-10 15:37:50 +0000 UTC]

This worked! Thanks so much

👍: 0 ⏩: 1

WwGallery In reply to Demiilia [2014-09-10 15:53:15 +0000 UTC]

👍: 0 ⏩: 0

UszatyArbuz [2014-08-28 09:05:56 +0000 UTC]

This is ama...

Niesamowicie przydatne, robiłam kilka testó z tymi tłami do tych małych boxów ale były bardzo problematyczne, szczególnie że obrazki tła bardzo lubiły się skalować w nie dokońca znany mi sposób, a przerywanie każdej linii tekstu br/ -em to totalna katorga

Przetestuję na pewno i pewnie będę korzystać

 

👍: 0 ⏩: 1

WwGallery In reply to UszatyArbuz [2014-08-28 09:47:58 +0000 UTC]

Dzięki Ale pamiętaj, aby szerokość tła do małego boksa była dokładnie 386 px ponieważ jest to maksymalna szerokość ustanowiona przez DA dla szerokości tych boksów z uwagi na różne urządzenia na których strony DA są wyświetlane. Sprawdź sobie zmniejszając szerokość okna przeglądarki i zobaczysz że szerokość małych boksów zawsze pozostaje bez zmian i wynosi dokładnie 386 px, jest inaczej gdy używasz iv class="join-modal">iv class="secure"> w celu rozszerzenia boksów, ale to nie ma sensu ponieważ nie każdy używa urządzeń z tym samym ekranem, więc później widzą tylko część tego co chcesz pokazać, a nie rzadko tylko połowę ponieważ obraz nie jest wtedy skalowany tylko obcinany. Z włożeniem tła nie miałem większego problemu, problemem było uzyskanie idealnego wypełnienia tłem i dopasowanie obramowania na górze i na dole w boksie bez cienia, więc pomieszałem kilka kodów razem i jest Ok Widziałem że wiele osób próbowało tego z <i class="gr1,2,3"> i zawsze efekt był taki że 3 px góry i dołu nie były pokryte tłem, ponieważ nie miały prawa być pokryte, więc pomyślałem że jest to możliwe do uzyskania przy nie zaokrąglonych rogach i udało mi się.
Życzę miłego dostosowywania stron DA Wojtek.

👍: 0 ⏩: 1

UszatyArbuz In reply to WwGallery [2014-08-28 09:51:36 +0000 UTC]

Ja testowałam to tylko na nie-premiumie, efekt był taki:
2001625-group.deviantart.com/j…
czyli zaokrąglenei działa, ale skaluje tło w przedziwny sposób - bo okienko boxa może miec różną wielkosć w zaleznosci od ekranu Trzeba dawac naprawne potęzny plik tła zeby sie nei okazało że nagle go ucina

dodatkowo trzeba ręcznie rozszerzać okienko boxa, no i przenosić linie tak jak mówiłam wczesniej...

👍: 0 ⏩: 1

WwGallery In reply to UszatyArbuz [2014-08-28 10:13:58 +0000 UTC]

To ciekawe właśnie wypróbowałem kod i zaraz spróbuję rozwiązać problem ze skalowaniem, ale wszystkie gadżety wyświetlają maksymalny nie rozszerzony rozmiar 386 px z wyjątkiem ID i dziennika, więc zrobienie tła o szerokości 386 px do innych gadżetów wystarczy, ale widzę że treść czyli zawartość jest okrutnie obcinana. Pomyślę co da się z tym zrobić, aby było Ok.

👍: 0 ⏩: 1

UszatyArbuz In reply to WwGallery [2014-08-28 10:20:20 +0000 UTC]

Mogę zarzucić tym kodem co jest tutaj. ale faktycznie, wjournalu skaluje perfidnie

Jak narazie tylko oficjalnie wrzuciłam "zwykłe" boxy - konkretniej takie journale dla nie-remiumów mają być
fav.me/d7vwprj

👍: 0 ⏩: 1

WwGallery In reply to UszatyArbuz [2014-08-28 10:27:44 +0000 UTC]

Kod już mam poprzez narzędzia dla deweloperów, ale mam rozumieć że zależy ci na tym, aby spróbować przystosować to tak, abyś mogła używać tego w dzienniku? To i tak chyba będzie działać tylko dla Premium.

👍: 0 ⏩: 1

UszatyArbuz In reply to WwGallery [2014-08-28 11:03:34 +0000 UTC]

Niekoniecznie To akurat jest na koncie non-premium

Nie trzeba, to było tak do testowana, dla zabawy Po prostu chciałam powiedzieć że jest cos takiego

👍: 0 ⏩: 1

WwGallery In reply to UszatyArbuz [2014-08-28 11:43:02 +0000 UTC]

Dla CustomBox jest już gotowe

👍: 0 ⏩: 1

UszatyArbuz In reply to WwGallery [2014-08-28 11:49:16 +0000 UTC]



Gorzej z journalami.

👍: 0 ⏩: 1

WwGallery In reply to UszatyArbuz [2014-08-28 11:54:33 +0000 UTC]

Niestety jeśli chodzi o niejednolite tło to jest tragedia ponieważ będzie ono zawsze skalowane do rozmiarów ekranu urządzenia na którym strona jest wyświetlana.

👍: 0 ⏩: 1

UszatyArbuz In reply to WwGallery [2014-08-28 11:58:46 +0000 UTC]

Dokładnie. Jeszcze ewentualnie gradientowane by zadziałało...
Podobnie jest z customowym progress barem Zwyczajne skalowanie obrazka..

👍: 0 ⏩: 1

WwGallery In reply to UszatyArbuz [2014-08-28 12:14:21 +0000 UTC]

Ja myślę że za koszta które trzeba ponieść za Premium powinni przystosować gadżety tak żeby tylko w odpowiednie miejsca wpisać adres do tła, kolor czcionki i zrobić coś z tymi niechcianymi 3 px które zawsze zostają na dole gadżetów (choć ja sobie z tym poradziłem) ...... ale co wtedy byśmy robili hi hi.

👍: 0 ⏩: 1

UszatyArbuz In reply to WwGallery [2014-08-28 12:19:27 +0000 UTC]

Dokładnie. A widziałeś cenę za premium dla grupy? 60$, i to na promocji.. powariowali ><

Ja nawet na nie nie zwracam uwagi

👍: 0 ⏩: 1

WwGallery In reply to UszatyArbuz [2014-08-28 13:40:51 +0000 UTC]

Tego nawet nie wiedziałem ,ja nigdy nie zakładałem grupy ponieważ ledwo co ogarniam wiadomości na moim koncie i nie wyobrażam sobie jeszcze zajmować się grupą, ale 60 dolców to jest małe przegięcie przynajmniej jak na polskie realia. Myślę że cena jest taka ponieważ na grupę mogą się zrzucić członkowie tej grupy, chyba dlatego taka cena jest ustalona. Ja tutaj kiedyś zanim zamknęli sklep kupiłem w promocji podwójnie plecaki dA-PRO-Digital-Artist-Backpack, dA-PRO-Camera-Bag, dA-PRO-Nomad-Bag i jakieś smycze i breloczki, no i jeszcze koszulkę z temperówką dla siostrzenicy i dA-Laptop-Messenger i szczerze muszę ci powiedzieć że używam tylko jednego z Nomadów, a reszta leży jeszcze nie odpakowana w szafie, ale jakość plecaków jest rewelacyjna. Wyprodukowała je firma Brenthaven zobacz sobie filmy jak zrzucają plecaki z laptopami w środku z wysokości 1,5 metra i do tego dają dożywotnią gwarancję na swoje produkty www.brenthaven.com/
Kiedyś chyba te których nie używam wrzucę tutaj z ofertą sprzedaży (licytacji) i mój profil pęknie chyba z powodu ilości odwiedzin
Kody już dodałem do tych wcześniejszych + mały kredyt dla ciebie

👍: 0 ⏩: 1

UszatyArbuz In reply to WwGallery [2014-08-28 14:33:31 +0000 UTC]

Wow Zawsze chciałam koszulkę, ale wtedy jeszcze byłam za mała żeby samasobei kupować.. a potem to jakos patrze, a sklepu ni ma
Pewnei będa się zabijać o te torby

Dzięki, miło.

👍: 0 ⏩: 1

WwGallery In reply to UszatyArbuz [2014-08-28 14:50:15 +0000 UTC]

Proszę bardzo

👍: 0 ⏩: 0

SingingFlames [2014-08-27 22:54:25 +0000 UTC]

Very nice looking.

👍: 0 ⏩: 1

WwGallery In reply to SingingFlames [2014-08-27 23:37:30 +0000 UTC]

Thank you,  I've seen a lot of people trying unsuccessfully to add a background to the Content-Holder and always something was not as it should be, so I decided to mix a little more than one code to make this possible and I succeeded.

Greetings from Poland.

👍: 0 ⏩: 1

SingingFlames In reply to WwGallery [2014-08-28 21:43:29 +0000 UTC]

 Greetings, Poland, from the USA!

👍: 0 ⏩: 1

WwGallery In reply to SingingFlames [2014-08-28 21:53:17 +0000 UTC]

👍: 0 ⏩: 0