{"id":1133,"date":"2013-03-15T18:19:23","date_gmt":"2013-03-15T23:19:23","guid":{"rendered":"http:\/\/wptest.io\/demo\/?page_id=1080"},"modified":"2013-03-15T18:19:23","modified_gmt":"2013-03-15T23:19:23","slug":"page-image-alignment","status":"publish","type":"page","link":"https:\/\/en.passengereye.com\/ro\/features\/page-image-alignment\/","title":{"rendered":"Alinierea imaginii paginii"},"content":{"rendered":"<p>Bine a\u021bi venit la alinierea imaginilor! Cel mai bun mod de a demonstra fluxul \u0219i refluxul diverselor op\u021biuni de pozi\u021bionare a imaginilor este s\u0103 le a\u0219ez\u0103m confortabil printre un ocean de cuvinte. Lua\u021bi o v\u00e2sl\u0103 \u0219i haide\u021bi s\u0103 \u00eencepem.<\/p>\n<p>\u00cen ceea ce prive\u0219te subiectul alinierii, trebuie remarcat faptul c\u0103 utilizatorii pot alege dintre urm\u0103toarele op\u021biuni\u00a0<em>Nici unul<\/em>,\u00a0<em>St\u00e2nga<\/em>,\u00a0<em>Da, <\/em>\u0219i\u00a0<em>Centru<\/em>. \u00cen plus, ace\u0219tia beneficiaz\u0103 \u0219i de op\u021biunile de\u00a0<em>Miniatur\u0103<\/em>,\u00a0<em>Mediu<\/em>,\u00a0<em>Mare<\/em>\u00a0&amp;\u00a0<em>Dimensiune complet\u0103<\/em>.<\/p>\n<p style=\"text-align:center;\"><img loading=\"lazy\" class=\"size-full wp-image-906 aligncenter\" title=\"Alinierea imaginii 580x300\" alt=\"Image Alignment 580x300\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-580x300.jpg\" width=\"580\" height=\"300\" \/><\/p>\n<p>Imaginea de mai sus se \u00eent\u00e2mpl\u0103 s\u0103 fie\u00a0<em><strong>centrat<\/strong><\/em>.<\/p>\n<p><strong><img loading=\"lazy\" class=\"size-full wp-image-904 alignleft\" title=\"Aliniere imagine 150x150\" alt=\"Image Alignment 150x150\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-150x150.jpg\" width=\"150\" height=\"150\" \/><\/strong>Restul acestui paragraf este de umplutur\u0103 pentru a vedea cum se \u00eenf\u0103\u0219oar\u0103 textul \u00een jurul imaginii 150\u00d7150, care este <em><strong>aliniat la st\u00e2nga<\/strong><\/em>.\u00a0<strong><\/strong><\/p>\n<p>Dup\u0103 cum pute\u021bi vedea, ar trebui s\u0103 existe spa\u021biu deasupra, dedesubt \u0219i \u00een dreapta imaginii. Textul nu trebuie s\u0103 se strecoare pe imagine. Nu este corect s\u0103 se strecoare. Imaginile au nevoie \u0219i ele de spa\u021biu de respira\u021bie. L\u0103sa\u021bi-le s\u0103 vorbeasc\u0103 la fel ca \u0219i cuvintele. L\u0103sa\u021bi-le s\u0103-\u0219i fac\u0103 treaba f\u0103r\u0103 s\u0103 fie deranjate de text. \u00cen aproximativ \u00eenc\u0103 o propozi\u021bie aici, vom vedea c\u0103 textul se deplaseaz\u0103 din dreapta imaginii \u00een jos, sub imagine, \u00eentr-o tranzi\u021bie f\u0103r\u0103 \u00eentreruperi. Din nou, l\u0103s\u0103m textul s\u0103-\u0219i fac\u0103 treaba. Misiune \u00eendeplinit\u0103!<\/p>\n<p>\u0218i acum, pentru un <em><strong>imagine masiv\u0103<\/strong><\/em>. De asemenea, are <em><strong>f\u0103r\u0103 aliniere<\/strong><\/em>.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone  wp-image-907\" title=\"Aliniere imagine 1200x400\" alt=\"Image Alignment 1200x400\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-1200x4002.jpg\" width=\"1200\" height=\"400\" \/><\/p>\n<p>Imaginea de mai sus, de\u0219i are o l\u0103\u021bime de 1200px, nu trebuie s\u0103 dep\u0103\u0219easc\u0103 zona de con\u021binut. Ar trebui s\u0103 r\u0103m\u00e2n\u0103 con\u021binut\u0103, f\u0103r\u0103 a perturba \u00een mod vizibil fluxul de con\u021binut.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-905 alignright\" title=\"Aliniere imagine 300x200\" alt=\"Image Alignment 300x200\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-300x200.jpg\" width=\"300\" height=\"200\" \/><\/p>\n<p>\u0218i acum vom muta lucrurile la <em><strong>alinierea la dreapta<\/strong><\/em>. Din nou, ar trebui s\u0103 existe suficient spa\u021biu deasupra, dedesubt \u0219i \u00een st\u00e2nga imaginii. Uit\u0103-te la el acolo... Hei, b\u0103iete! Ce bine arat\u0103 partea dreapt\u0103. Nu-mi pas\u0103 ce spune imaginea aliniat\u0103 la st\u00e2nga, ar\u0103\u021bi grozav. Nu l\u0103sa pe nimeni s\u0103-\u021bi spun\u0103 altceva.<\/p>\n<p>\u00cen scurt timp, ar trebui s\u0103 vede\u021bi c\u0103 textul \u00eencepe s\u0103 se \u00eenf\u0103\u0219oare sub imaginea aliniat\u0103 la dreapta \u0219i se a\u0219eaz\u0103 frumos. Ar trebui s\u0103 mai existe \u00eenc\u0103 destul spa\u021biu \u0219i totul ar trebui s\u0103 fie bine a\u0219ezat. Da... Exact a\u0219a. Niciodat\u0103 nu m-am sim\u021bit at\u00e2t de bine s\u0103 am dreptate.<\/p>\n<p>\u0218i tocmai c\u00e2nd credeai c\u0103 am terminat, le vom face din nou cu legende!<\/p>\n<div id=\"attachment_906\" style=\"width: 590px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-906\" loading=\"lazy\" class=\"size-full wp-image-906\" title=\"Alinierea imaginii 580x300\" alt=\"Image Alignment 580x300\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-580x300.jpg\" width=\"580\" height=\"300\" \/><p id=\"caption-attachment-906\" class=\"wp-caption-text\">Uit\u0103-te la 580\u00d7300 obtinerea unor <a title=\"Set\u0103ri imagine\" href=\"http:\/\/en.support.wordpress.com\/images\/image-settings\/\">Legenda<\/a> dragoste.<\/p><\/div>\n<p>Imaginea de mai sus se \u00eent\u00e2mpl\u0103 s\u0103 fie\u00a0<em><strong>centrat<\/strong><\/em>. Legenda con\u021bine \u0219i un link, doar pentru a vedea dac\u0103 nu cumva face ceva ciudat.<\/p>\n<div id=\"attachment_904\" style=\"width: 160px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-904\" loading=\"lazy\" class=\"size-full wp-image-904\" title=\"Aliniere imagine 150x150\" alt=\"Image Alignment 150x150\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-150x150.jpg\" width=\"150\" height=\"150\" \/><p id=\"caption-attachment-904\" class=\"wp-caption-text\">Legend\u0103 micu\u021b\u0103.<\/p><\/div>\n<p><strong><\/strong>Restul acestui paragraf este de umplutur\u0103 pentru a vedea cum se \u00eenf\u0103\u0219oar\u0103 textul \u00een jurul imaginii 150\u00d7150, care este <em><strong>aliniat la st\u00e2nga<\/strong><\/em>.\u00a0<strong><\/strong><\/p>\n<p>Dup\u0103 cum pute\u021bi vedea, ar trebui s\u0103 existe spa\u021biu deasupra, dedesubt \u0219i \u00een dreapta imaginii. Textul nu trebuie s\u0103 se strecoare pe imagine. Nu este corect s\u0103 se strecoare. Imaginile au nevoie \u0219i ele de spa\u021biu de respira\u021bie. L\u0103sa\u021bi-le s\u0103 vorbeasc\u0103 la fel ca \u0219i cuvintele. L\u0103sa\u021bi-le s\u0103-\u0219i fac\u0103 treaba f\u0103r\u0103 s\u0103 fie deranjate de text. \u00cen aproximativ \u00eenc\u0103 o propozi\u021bie aici, vom vedea c\u0103 textul se deplaseaz\u0103 din dreapta imaginii \u00een jos, sub imagine, \u00eentr-o tranzi\u021bie f\u0103r\u0103 \u00eentreruperi. Din nou, l\u0103s\u00e2nd textul s\u0103-\u0219i fac\u0103 treaba. Misiune \u00eendeplinit\u0103!<\/p>\n<p>\u0218i acum, pentru un <em><strong>imagine masiv\u0103<\/strong><\/em>. De asemenea, are <em><strong>f\u0103r\u0103 aliniere<\/strong><\/em>.<\/p>\n<div id=\"attachment_907\" style=\"width: 1210px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-907\" loading=\"lazy\" class=\"wp-image-907\" title=\"Aliniere imagine 1200x400\" alt=\"Image Alignment 1200x400\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-1200x4002.jpg\" width=\"1200\" height=\"400\" \/><p id=\"caption-attachment-907\" class=\"wp-caption-text\">Comentariu masiv de imagine pentru ochii t\u0103i.<\/p><\/div>\n<p>Imaginea de mai sus, de\u0219i are o l\u0103\u021bime de 1200px, nu trebuie s\u0103 dep\u0103\u0219easc\u0103 zona de con\u021binut. Ar trebui s\u0103 r\u0103m\u00e2n\u0103 con\u021binut\u0103, f\u0103r\u0103 a perturba \u00een mod vizibil fluxul de con\u021binut.<\/p>\n<div id=\"attachment_905\" style=\"width: 310px\" class=\"wp-caption alignright\"><img aria-describedby=\"caption-attachment-905\" loading=\"lazy\" class=\"size-full wp-image-905\" title=\"Aliniere imagine 300x200\" alt=\"Image Alignment 300x200\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-300x200.jpg\" width=\"300\" height=\"200\" \/><p id=\"caption-attachment-905\" class=\"wp-caption-text\">E bine s\u0103 ai dreptate tot timpul.<\/p><\/div>\n<p>\u0218i acum vom muta lucrurile la <em><strong>alinierea la dreapta<\/strong><\/em>. Din nou, ar trebui s\u0103 existe suficient spa\u021biu deasupra, dedesubt \u0219i \u00een st\u00e2nga imaginii. Uit\u0103-te la el acolo... Hei, b\u0103iete! Ce bine arat\u0103 partea dreapt\u0103. Nu-mi pas\u0103 ce spune imaginea aliniat\u0103 la st\u00e2nga, ar\u0103\u021bi grozav. Nu l\u0103sa pe nimeni s\u0103-\u021bi spun\u0103 altceva.<\/p>\n<p>\u00cen scurt timp, ar trebui s\u0103 vede\u021bi c\u0103 textul \u00eencepe s\u0103 se \u00eenf\u0103\u0219oare sub imaginea aliniat\u0103 la dreapta \u0219i se a\u0219eaz\u0103 frumos. Ar trebui s\u0103 mai existe \u00eenc\u0103 destul spa\u021biu \u0219i totul ar trebui s\u0103 fie bine a\u0219ezat. Da... Exact a\u0219a. Niciodat\u0103 nu m-am sim\u021bit at\u00e2t de bine s\u0103 am dreptate.<\/p>\n<p>\u0218i cu asta am terminat, yo! A\u021bi supravie\u021buit apelor tumultuoase ale alinierii. Realizarea alinierii imaginii a fost deblocat\u0103!<\/p>","protected":false},"excerpt":{"rendered":"<p>Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let&#8217;s get [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":12,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/en.passengereye.com\/ro\/wp-json\/wp\/v2\/pages\/1133"}],"collection":[{"href":"https:\/\/en.passengereye.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/en.passengereye.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/ro\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":0,"href":"https:\/\/en.passengereye.com\/ro\/wp-json\/wp\/v2\/pages\/1133\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/ro\/wp-json\/wp\/v2\/pages\/12"}],"wp:attachment":[{"href":"https:\/\/en.passengereye.com\/ro\/wp-json\/wp\/v2\/media?parent=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}