Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
JOKER 2: Folie à Deux (2024)

Achizitionare EdgeRouter X si AP ...

Phising pe Autovit

ANCOM propune dereglementarea pie...
 Viespi, viespi, viespi

Teapa abonament vodafone

Aplicatie blacklist cu mesagerie ...

Socul viitorului
 Probleme pornire 1.6 TDI CLHA

Whatsapp Web pe Xp

Am desfundat scurgerea de la cada...

Înnadire cablu UTP
 Anorexia in Romania

Recomandare casca telefon

Recomandare set oale inox 500-100...

Cumparare iPhone 15 din USA.
 

efect CSS pe imagine?

- - - - -
  • Please log in to reply
18 replies to this topic

#1
emanu23

emanu23

    Junior Member

  • Grup: Members
  • Posts: 184
  • Înscris: 04.12.2012
Salut, de o vreme tot  nu stiu ce cod se foloeste pentur a transoforma imaginea, adica mai exact cred ca este pus ceva pe deasupra, am mai postat un topic dar acolo era imaginea editata aici e ceva de la codul css.
[ http://s22.postimg.org/44c0dovtd/Capture.png - Pentru incarcare in pagina (embed) Click aici ]
free pic

#2
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
N-am habar ce vrei. Ai atasat o imagine. Aia n-are nimic de-a face cu CSS. Pun si eu un printscreen cu un x mare desenat in paint si intreb cum se face in CSS?

#3
emanu23

emanu23

    Junior Member

  • Grup: Members
  • Posts: 184
  • Înscris: 04.12.2012

View Postsergiu_spooky, on 05 ianuarie 2015 - 17:13, said:

N-am habar ce vrei. Ai atasat o imagine. Aia n-are nimic de-a face cu CSS. Pun si eu un printscreen cu un x mare desenat in paint si intreb cum se face in CSS?

Daca tu nu observi nimic in imagine e grav... nu vezi ca e patrate mici si negreu ca un fel de pattern?

#4
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
Asa, si? Ce treaba au alea cu CSS?
Cred ca-s eu tampit, accepti cumva raspunsul "asa ceva nu se poate face cu CSS"?
E editata imaginea (paint, Photoshop, ceva server-side gen ImageMagick sau GD, etc.)

#5
emanu23

emanu23

    Junior Member

  • Grup: Members
  • Posts: 184
  • Înscris: 04.12.2012

View Postsergiu_spooky, on 05 ianuarie 2015 - 17:21, said:

Asa, si? Ce treaba au alea cu CSS?
Cred ca-s eu tampit, accepti cumva raspunsul "asa ceva nu se poate face cu CSS"?
E editata imaginea (paint, Photoshop, ceva server-side gen ImageMagick sau GD, etc.)

iti pot si dovedii ca nu e editata imaginea ca am downlodat template-ul de la websit si imagine nu arata asa ... asa ca vorba ta pe care ti-ai zis-o e adevarata ;)

#6
Vladutz22

Vladutz22

    Member

  • Grup: Members
  • Posts: 671
  • Înscris: 14.02.2010
E pattern peste amice . Dai la fx in Photoshop , te duci la pattern si alegi pixel-ul ala negru la o scara de 200 % .

Am mai pus un gradient overlay cu opacitate scazuta sa ma apropiu de efectul din poza ta .
[ http://s15.postimg.org/vcut40h53/gradient.jpg - Pentru incarcare in pagina (embed) Click aici ]


UP: Poti face asta si in css dar tot ai nevoie de o imagine cu un pixel negru care sa se repete .

https://gist.github....urphy27/5243251

Edited by Vladutz22, 05 January 2015 - 17:40.


#7
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006

View Postemanu23, on 05 ianuarie 2015 - 17:30, said:


iti pot si dovedii ca nu e editata imaginea ca am downlodat template-ul de la websit si imagine nu arata asa ... asa ca vorba ta pe care ti-ai zis-o e adevarata Posted Image

Tipule, vezi ca (1) n-am 16 ani si (2) spre deosebire de tine am spre ~8 experienta in domeniu. Daca aia e imaginea salvata de tine de pe site atunci _E EDITATA_, nu stiu cu ce si nu are importanta.

#8
Adm

Adm

    Property Caretaker

  • Grup: Administrators
  • Posts: 23,025
  • Înscris: 22.05.2003
http://stackoverflow...-dot-background

CSS 3.0 e f complex.

#9
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
Apai ori multiple backgrounds ori element suprapus tot una e: imaginea originala ramane neatinsa.

#10
emanu23

emanu23

    Junior Member

  • Grup: Members
  • Posts: 184
  • Înscris: 04.12.2012

View Postsergiu_spooky, on 05 ianuarie 2015 - 17:54, said:


Tipule, vezi ca (1) n-am 16 ani si (2) spre deosebire de tine am spre ~8 experienta in domeniu. Daca aia e imaginea salvata de tine de pe site atunci _E EDITATA_, nu stiu cu ce si nu are importanta.


E mai grav de tine daca nu stii de programul default de la windows snipping Tool ? Daca cine iti trimite o imagine e clar ca a dat click dreapta si salvare imagine + ca nu aveam cu sa o salvez ca era image de background la website... imi pare rau de 8 anii tai de experienta...

View Postsergiu_spooky, on 05 ianuarie 2015 - 17:21, said:

Asa, si? Ce treaba au alea cu CSS?
Cred ca-s eu tampit, accepti cumva raspunsul "asa ceva nu se poate face cu CSS"?
E editata imaginea (paint, Photoshop, ceva server-side gen ImageMagick sau GD, etc.)

View PostAdm, on 05 ianuarie 2015 - 18:08, said:


Vezi? Admin stie el ce stie vezi ca se poate ?? Multumesc Admin asta cautam ... mersi mult bro :)

#11
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
Dude, nu meriti efortul.
Ce ti-am spus primul lucru? _ca nu se intelege ce vrei_
Nu e nimeni magician sa ghiceasca ce gandesti tu ca vrei.
Ce-ai facut? N-ai habar sa pui o intrebare si nici sa raspunzi. Mai si arunci afirmatii precum "ca nu aveam cu sa o salvez ca era image de background la website". Habar nu ai ce vorbesti.

"asta cautam" - aha, fix asta. Tu intrebi de "efect pe imagine" dar defapt cautai un mod de a genera un background image mai interesant.
In aceeasi idee puteam sa-ti spun ca raspunsul e 42 sau Darude - Sandstorm si erai la fel de multumit, nu?

Hai sa te si lamuresc: http://jsfiddle.net/gwvu07a5/
linear-gradient-ul ala pus pe o imagine. "FIX" asta cautai.

#12
emanu23

emanu23

    Junior Member

  • Grup: Members
  • Posts: 184
  • Înscris: 04.12.2012

View Postsergiu_spooky, on 06 ianuarie 2015 - 10:30, said:

Dude, nu meriti efortul.
Ce ti-am spus primul lucru? _ca nu se intelege ce vrei_
Nu e nimeni magician sa ghiceasca ce gandesti tu ca vrei.
Ce-ai facut? N-ai habar sa pui o intrebare si nici sa raspunzi. Mai si arunci afirmatii precum "ca nu aveam cu sa o salvez ca era image de background la website". Habar nu ai ce vorbesti.

"asta cautam" - aha, fix asta. Tu intrebi de "efect pe imagine" dar defapt cautai un mod de a genera un background image mai interesant.
In aceeasi idee puteam sa-ti spun ca raspunsul e 42 sau Darude - Sandstorm si erai la fel de multumit, nu?

Hai sa te si lamuresc: http://jsfiddle.net/gwvu07a5/
linear-gradient-ul ala pus pe o imagine. "FIX" asta cautai.

Titlul a fost schimbat eu nici nu am vorbit de efect pe imagine + ca tu ai zis ca in veci nu poti sa faci asa ceva in css te faci de rusine cu afirmatile astea ... tot vrei sa te scoti cumva dupa ce cineva mi-a dat concret raspunsul la topic, cunosc pe multi ca tine, nu ma poti fraieri cu vrei chiar daca esti mai mare ca mine sau ai 8 ani in experienta. Stii cum se zice
"Cu o şcoală pe măsură
Şi-a făcut în viaţă rost
Dar păcat de-nvăţătură:
A ales cărarea... prost."

Bafta !

#13
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
Dude, ti-am demonstrat in fiddle ca ce ti-a dat Adm nu produce efectul din imaginea atasata de tine.
Sa inteleg ca vrei altceva defapt? N-ai habar sa pui o intrebare. Cu asta ar trebui sa incepi, nu cu CSS3.

#14
emanu23

emanu23

    Junior Member

  • Grup: Members
  • Posts: 184
  • Înscris: 04.12.2012

View Postsergiu_spooky, on 06 ianuarie 2015 - 17:04, said:

Dude, ti-am demonstrat in fiddle ca ce ti-a dat Adm nu produce efectul din imaginea atasata de tine.
Sa inteleg ca vrei altceva defapt? N-ai habar sa pui o intrebare. Cu asta ar trebui sa incepi, nu cu CSS3.

Da, pana la urma am gasit eu in template-ul ce l-am downloadat faza e ca are in foloderul cu imagini o imagine cu un punct negru numit overlay... cred ca asta e efectul se tot repeta punctul ala asai? Scuze ca am tinut tare ca e altceva, pana la urma dovedeai tu ceva :) Mersi

#15
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
Da, exact. Din cauza asta am cerut de la inceput mai multe detalii.
Abia acum se intelege ca tu nu cauti o cale de a modifica imaginea originala cu CSS. Aia nu se poate.
Poti in schimb sa afisezi patratelele alea _peste_ imagine.
E destul de simplu codul:

HTML:

<div class="image-grid">
	<img src="foo.jpg" alt="" />
	<span class="grid"></span>
</div>



CSS:
.image-grid {
	position: relative;
}

.image-grid .grid {
	display: blockl
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background: url('patratel.png') repeat 0 0 transparent;
}


patratel.png o sa fie imaginea repetata peste.
Cheia sta in position: absolute.

#16
emanu23

emanu23

    Junior Member

  • Grup: Members
  • Posts: 184
  • Înscris: 04.12.2012

View Postsergiu_spooky, on 06 ianuarie 2015 - 17:30, said:

Da, exact. Din cauza asta am cerut de la inceput mai multe detalii.
Abia acum se intelege ca tu nu cauti o cale de a modifica imaginea originala cu CSS. Aia nu se poate.
Poti in schimb sa afisezi patratelele alea _peste_ imagine.
E destul de simplu codul:

HTML:

<div class="image-grid">
<img src="foo.jpg" alt="" />
<span class="grid"></span>
</div>



CSS:
.image-grid {
position: relative;
}

.image-grid .grid {
display: blockl
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

background: url('patratel.png') repeat 0 0 transparent;
}


patratel.png o sa fie imaginea repetata peste.
Cheia sta in position: absolute.
Asa am facut am pus sa se tot repete, si a functionat Mersi mult ! :)

#17
Vladutz22

Vladutz22

    Member

  • Grup: Members
  • Posts: 671
  • Înscris: 14.02.2010

View PostVladutz22, on 05 ianuarie 2015 - 17:38, said:


UP: Poti face asta si in css dar tot ai nevoie de o imagine cu un pixel negru care sa se repete .

https://gist.github....urphy27/5243251

Pai ce ti-a zis fratele tau ?

#18
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 29,760
  • Înscris: 24.02.2007
Sigur vrei sa faci asta?
Ma cam ia durerea de cap cand vad poze/fundaluri pline de puncte alternative.

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate