Jump to content

Welcome to Team-Strike.Ro
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!

"O zi în care nu ai râs, este o zi pierdută." (View full quote)


Charlie Chaplin
Adaugat: 17 November 2013 - 06:58 PM

Toggle shoutbox Shoutbox Open the Shoutbox in a popup

@  TEAM-STRIKE.RO : (18 February 2018 - 01:18 AM) Team-Strike.Ro vrea sa ureze "La multi ani !" utilizatorului wanea care a implinit varsta de 19.
@  TEAM-STRIKE.RO : (13 February 2018 - 03:41 PM) Team-Strike.Ro vrea sa ureze "La multi ani !" utilizatorului FICTIONNN1 care a implinit varsta de 26.
@  TEAM-STRIKE.RO : (13 February 2018 - 03:41 PM) Team-Strike.Ro vrea sa ureze "La multi ani !" utilizatorului mafia13 care a implinit varsta de 28.
@  OutSider03 : (12 February 2018 - 08:20 PM) bravo
@  TazzY : (11 February 2018 - 08:14 PM) I am back !
@  TEAM-STRIKE.RO : (08 February 2018 - 07:08 PM) Team-Strike.Ro vrea sa ureze "La multi ani !" utilizatorului ZombieVampire care a implinit varsta de 22.
@  OutSider03 : (08 February 2018 - 12:31 AM) nu trebuie sa aibe :P, jucam for fun
@  OutSider03 : (08 February 2018 - 12:30 AM) daca dormiti :D
@  Bambucha : (08 February 2018 - 12:13 AM) nu prea are activitate com asta ... este alunelu? )))
@  TEAM-STRIKE.RO : (05 February 2018 - 02:11 PM) Hei tuturor .. avem un utilizator nou inregistrat ! Este vorba de LethalDrug ! Bine ai venit in comunitatea TEAM-STRIKE.RO
@  TEAM-STRIKE.RO : (03 February 2018 - 04:27 PM) Team-Strike.Ro vrea sa ureze "La multi ani !" utilizatorului Awesome care a implinit varsta de 21.
@  TEAM-STRIKE.RO : (03 February 2018 - 04:27 PM) Team-Strike.Ro vrea sa ureze "La multi ani !" utilizatorului Chipciu care a implinit varsta de 20.
@  TEAM-STRIKE.RO : (02 February 2018 - 02:09 AM) Team-Strike.Ro vrea sa ureze "La multi ani !" utilizatorului MiCuTzzU care a implinit varsta de 21.
@  TEAM-STRIKE.RO : (27 January 2018 - 05:15 AM) Team-Strike.Ro vrea sa ureze "La multi ani !" utilizatorului DREGON care a implinit varsta de 26.
@  TEAM-STRIKE.RO : (25 January 2018 - 10:25 AM) Team-Strike.Ro vrea sa ureze "La multi ani !" utilizatorului Klau care a implinit varsta de 19.
@  OutSider03 : (25 January 2018 - 12:22 AM) Pentru discord cei care sunteti interesati :)
@  OutSider03 : (25 January 2018 - 12:21 AM) http://discord.gg/xjwAf4x
@  Bambucha : (23 January 2018 - 04:17 PM) nimic ... :))
@  LeoN : (23 January 2018 - 08:36 AM) ce zici tati ?
@  LeoN : (23 January 2018 - 08:35 AM) bambuchaa

Photo

Responsive Web Design


  • Please log in to reply
1 reply to this topic

#1
OFFLINE   Cata

Cata

    Divizia Aur

  • Vip
  • 632 posts
  • 3 Thanks
  • Tara: Country Flag

2. Responsive design. Asa cum spuneam mai inainte, termenul de responsive design se refera la adaptarea continutului pentru orice tip de device, indiferent de rezolutia ecranului. Principalele avantaje ale acestei tehnologii sunt:
- Fluidizarea continutului si a nivelului de date indiferent de dimensiunile ecranului device-ului folosit.
– Imaginile sunt de o calitate ridicata, flexibile, astfel ca urmarirea stirilor sau parcurgerea unor galerii foto se poate face in conditii optime, la rezolutii ridicate.
– Dat fiind faptul ca este un upgrade al Mobile Firts, principalele capacitati ale acestei tehnologii au fost imbunatatite, adaugandu-se alte facilitati care sa optimizeze continutul nu doar pentru telefoanele mobile ci si pentru tablete, indiferent de natura si dimensiunea display-ului.

http://blogatu.ro/20...web-design.html


Eu aveam de modificat o tema premium astfel incat sa ramana responsive, sa fie designul mai ok si sa primeasca cateva modificari usoare cum ar fi schimbarea culorii fundalului, a fontului si alte lucruri.
Peste ce m-am lovit mai tare a fost sa fac o imagine dintr-un articol Responsive si mi-a luat cateva minute pana am gasit pe tatal Google ceva interesant, desi nu foarte practic. Nu era prea practic pentru ca trebuia la fiecare imagine inserata sa mai adaugi niste taguri in articol si asta putea fi chiar enervant. Totusi pentru moment solutia e ok si o recomand si voua.
Ca sa faci o imagine responsive trebuie sa facem un shortcode:

  •  
  • adaugi la sfarsitul fisierului functions.php din dosarul temei tale activate urmatorul cod:

     function responsive_images($atts, $content = null) {
    return ‘<div>’ . $content .’</div>’;
    }
    add_shortcode(‘responsive’, ‘responsive_images’);
     
  • adaugi la sfarsitul fisierului style.css din dosarul temei tale activate urmatorul cod:

    @media only screen and (max-width:767px) {
    .image-resized img{
    width:100%;
    height:auto;
    }
    }
     
  • in articol adaugati shortcodeul [responsive] ca in exemplul de mai jos:

[responsive]<img src="image_url" alt="alt" title="title" />[/responsive]
Ca sa testati siteul vostru pe mai multe rezolutii folositi aplicatia online al lui Matt Kersley :http://mattkersley.com/responsive/.

 

responsive-web-design-infographic.jpg


11761687.png




#2
OFFLINE   simon

simon

    Divizia Bronz

  • Membri
  • 4 posts
  • 0 Thanks
  • Tara: Country Flag
  • Time Online: 36m 16s

Foarte explicit si util infograficul! Vreau sa ma apuc si eu de programare, vreau sa imi fac un forum si ma bucur ca mi s-a confirmat dubiul legat de responsive.






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users