<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2hungarianfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>codeART</title>
	
	<link>http://www.code-art.hu</link>
	<description>Design és Webfejlesztés</description>
	<lastBuildDate>Sat, 28 Aug 2010 08:38:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/code_art" /><feedburner:info uri="code_art" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:feedFlare href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcode_art" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcode_art" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcode_art" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feeds.feedburner.com/code_art" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcode_art" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fcode_art" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fcode_art" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><item>
		<title>Piktogram stílusú fontok</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/YeEtL2TbKUA/piktogram-stilusu-fontok.php</link>
		<comments>http://www.code-art.hu/fontok/piktogram-stilusu-fontok.php#comments</comments>
		<pubDate>Sat, 28 Aug 2010 08:38:56 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[Fontok]]></category>
		<category><![CDATA[Ikonok]]></category>
		<category><![CDATA[Ingyenes]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[Ikon]]></category>
		<category><![CDATA[Piktogram]]></category>
		<category><![CDATA[Tipográfia]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=1219</guid>
		<description><![CDATA[Gyakran nem is vesszük észre milyen fontos szerepet játszanak életünkben ezek a jelek, jelzések, melyeket piktogramoknak nevezünk. Megtalálhatóak reptereken, buszpályaudvarokon,...]]></description>
			<content:encoded><![CDATA[<p>Gyakran nem is vesszük észre milyen fontos szerepet játszanak életünkben ezek a jelek, jelzések, melyeket piktogramoknak nevezünk. Megtalálhatóak reptereken, buszpályaudvarokon, aluljárókban, strandokon és még rengeteg más helyen azért, hogy megkönnyítsék tájékozódásunkat.<br />
Ezek a jelzések, nem új keletű dolgok, már ie. 3. évezredtől kezdve használták őket. Tulajdonképpen a képírást nevezhetjük az írás elődjének is.</p>
<p>A cikkben összeválogattam pár olyan font típust melyek kizárólag ilyen ábrákat tartalmaznak és ingyenesek.</p>
<p><span id="more-1219"></span></p>
<p><adrotate group="1"></p>
<h3>Symbolix (TTF)</h3>
<p><a href="http://www.dafont.com/symbolix.font"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_03-560x436.jpg" alt="" title="pictogram_font_03" width="560" height="436" class="alignleft size-large wp-image-1222" /></a></p>
<p><a href="http://www.dafont.com/symbolix.font">Symbolix (TTF) Letöltése</a></p>
<h3>Notice (OTF)</h3>
<p><a href="http://www.otlab.ru/8-font_notice.html"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_02-560x721.jpg" alt="" title="pictogram_font_02" width="560" height="721" class="alignleft size-large wp-image-1221" /></a></p>
<p><a href="http://www.otlab.ru/8-font_notice.html">Notice (OTF) Letöltése</a></p>
<p><a href="http://www.otlab.ru/license.html">Liszensz</a></p>
<h3>Glyphyx (OTF)</h3>
<p><a href="http://www.fontsquirrel.com/fonts/Glyphyx-One-NF"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_01-560x270.jpg" alt="" title="pictogram_font_01" width="560" height="270" class="alignleft size-large wp-image-1220" /></a></p>
<p><a href="http://www.fontsquirrel.com/fonts/Glyphyx-One-NF">Glyphyx (OTF) Letöltése</a></p>
<p><a href="http://www.fontsquirrel.com/license/Glyphyx-One-NF">Liszensz</a></p>
<h3>Travelcons (TTF)</h3>
<p><a href="http://www.dafont.com/travelcons.font"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_11-560x432.jpg" alt="" title="pictogram_font_11" width="560" height="432" class="alignleft size-large wp-image-1230" /></a></p>
<p><a href="http://www.dafont.com/travelcons.font">Travelcons (TTF) Letöltése</a></p>
<p><strong>Liszensz:</strong> Ingyenesen felhasználható</p>
<h3>Hazard (TTF)</h3>
<p><a href="http://www.dafont.com/hazard.font"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_10-560x432.jpg" alt="" title="pictogram_font_10" width="560" height="432" class="alignleft size-large wp-image-1229" /></a></p>
<p><a href="http://www.dafont.com/hazard.font">Hazard (TTF) Letöltése</a></p>
<p><strong>Liszensz:</strong> Ez a font Freeware. Szabadon használható, másolható, terjeszthető, mindaddig, amíg nem adják el.</p>
<h3>Dingbests (TTF)</h3>
<p><a href="http://www.fontsquirrel.com/fonts/Dingbests-Regular"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_09-560x271.jpg" alt="" title="pictogram_font_09" width="560" height="271" class="alignleft size-large wp-image-1228" /></a></p>
<p><a href="http://www.fontsquirrel.com/fonts/Dingbests-Regular">Dingbests (TTF) Letöltése</a></p>
<p><a href="http://www.fontsquirrel.com/license/Dingbests-Regular">Liszensz</a></p>
<h3>Pictogramz (TTF)</h3>
<p><a href="http://www.dafont.com/pictogramz.font"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_08-560x342.jpg" alt="" title="pictogram_font_08" width="560" height="342" class="alignleft size-large wp-image-1227" /></a></p>
<p><a href="http://www.dafont.com/pictogramz.font">Pictogramz (TTF) Letöltése</a></p>
<p><strong>Liszensz:</strong> Ez a font Freeware. Szabadon használható, másolható, terjeszthető, mindaddig, amíg nem adják el.</p>
<h3>Santiage Icono (TTF)</h3>
<p><a href="http://www.fonts2u.com/santiago-icono.font"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_07-560x371.jpg" alt="" title="pictogram_font_07" width="560" height="371" class="alignleft size-large wp-image-1226" /></a></p>
<p><a href="http://www.fonts2u.com/santiago-icono.font">Santiage Icono (TTF) Letöltése</a></p>
<p><strong>Liszensz:</strong> Ez a font Freeware. Szabadon használható, másolható, terjeszthető, mindaddig, amíg nem adják el.</p>
<h3>Symbol Signs (OTF)</h3>
<p><a href="http://www.fontsquirrel.com/fonts/Symbol-Signs"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_06-560x371.jpg" alt="" title="pictogram_font_06" width="560" height="371" class="alignleft size-large wp-image-1225" /></a></p>
<p><a href="http://www.fontsquirrel.com/fonts/Symbol-Signs">Symbol Signs (OTF) Letöltése</a></p>
<p><a href="http://creativecommons.org/licenses/by/3.0/">Liszensz</a></p>
<h3>Ding Dongs (TTF)</h3>
<p><a href="http://www.dafont.com/ding-dongs.font"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_05-560x343.jpg" alt="" title="pictogram_font_05" width="560" height="343" class="alignleft size-large wp-image-1224" /></a></p>
<p><a href="http://www.dafont.com/ding-dongs.font">Ding Dongs (TTF) Letöltése</a></p>
<p><strong>Liszensz:</strong> Ez a font Freeware. Szabadon használható, másolható, terjeszthető, mindaddig, amíg nem adják el.</p>
<h3>SirucaPictograms (TTF)</h3>
<p><a href="http://www.fsd.it/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/08/pictogram_font_04-560x422.jpg" alt="" title="pictogram_font_04" width="560" height="422" class="alignleft size-large wp-image-1223" /></a></p>
<p><a href="http://www.fsd.it/">SirucaPictograms (TTF) Letöltése</a></p>
<p><a href="http://creativecommons.org/licenses/by-sa/2.5/">Liszensz</a></p>
<h3>Köszönet</h3>
<ul>
<li><a href="http://www.dafont.com">www.dafont.com</a></li>
<li><a href="http://www.fonts2u.com">www.fonts2u.com</a></li>
<li><a href="http://www.fontsquirrel.com">www.fontsquirrel.com</a></li>
<li><a href="http://www.fsd.it">www.fsd.it</a></li>
<li><a href="http://www.otlab.ru">www.otlab.ru</a></li>
</ul>
<h3>Zárszó</h3>
<p>Remélem hasznotokra válik majd ez a kis gyűjtemény legalább annyira, mint nekem és végül ha tudtok, ismertek hasonló font csomagot ami nem szerepel a gyűjteményben örülnék ha egy komment formájában belinkelnétek. Köszönöm!</p>
<img src="http://feeds.feedburner.com/~r/code_art/~4/YeEtL2TbKUA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/fontok/piktogram-stilusu-fontok.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/fontok/piktogram-stilusu-fontok.php</feedburner:origLink></item>
		<item>
		<title>30 elképesztő fotómanipuláció</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/ZSpYW3H81rM/30-elkepeszto-fotomanipulacio.php</link>
		<comments>http://www.code-art.hu/inspiracio/30-elkepeszto-fotomanipulacio.php#comments</comments>
		<pubDate>Wed, 21 Jul 2010 17:22:16 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[Inspiráció]]></category>
		<category><![CDATA[Fotók]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=1186</guid>
		<description><![CDATA[A történelem során a nagy művészek, mindig megtalálták a módját kreativitásuk kifejezésére valamint új trendek és technikák bevezetésére, hogy munkájukkal...]]></description>
			<content:encoded><![CDATA[<p>A történelem során a nagy művészek, mindig megtalálták a módját kreativitásuk kifejezésére valamint új trendek és technikák bevezetésére, hogy munkájukkal elkápráztassák a tömeget.<br />
A fotó manipuláció is egy hasonló művészeti ága a mai digitális kornak, melyet én, személy szerint imádok. Ezért is gondoltam, hogy megosztok veletek néhányat a kedvenceim közül, hátha kedvet kaptok, hogy elkészítsétek ti is egyet.</p>
<p><span id="more-1186"></span></p>
<p style="color:#cccccc;font-size:11px;text-align:center;margin:20px auto 20px auto;">Cikkünk a hirdetés után folytatódik!<br />
<script type="text/javascript"><!--
google_ad_client = "pub-3444661318084674";
/* 468x60, létrehozva 2010.04.26. */
google_ad_slot = "8916716355";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<h3>Kiváló példák fotó manipulációra</h3>
<p>Mindig is elbűvölt, hogy mennyi idő és energia szükséges egy ilyen alkotás elkészítéséhez, de a végeredmény azt hiszem magáért beszél. Remélem a képek láttán mindenki talál majd magának valami érdekeset és felfrissíthetitek kreativitásotokat is. A példák között találhattok illusztrációkat, fényképeket, tárgyakat, HDR valamint elvont fantasy alkotásokat egyaránt.</p>
<p><a href="http://alltelleringet.deviantart.com/art/arms-break-vases-don-t-111657381"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-24.jpg" alt="" title="eeopma-24" width="560" height="374" class="alignleft size-full wp-image-1187" /></a></p>
<p><a href="http://www.flickr.com/photos/joshsommers/1190779838/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-27.jpg" alt="" title="eeopma-27" width="560" height="438" class="alignleft size-full wp-image-1188" /></a></p>
<p><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-29.jpg" alt="" title="eeopma-29" width="560" height="400" class="alignleft size-full wp-image-1189" /></p>
<p><a href="http://sharadhaksar.deviantart.com/art/Pasta-hotline-38108877"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-35.jpg" alt="" title="eeopma-35" width="560" height="500" class="alignleft size-full wp-image-1190" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/gallery/#/d1uh6xg"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-31-560x501.jpg" alt="" title="eeopma-31" width="560" height="501" class="alignleft size-large wp-image-1191" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/gallery/#/d1uh7ra"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-32.jpg" alt="" title="eeopma-32" width="461" height="700" class="alignleft size-full wp-image-1192" /></a></p>
<p><a href="http://www.flickr.com/photos/creativetempest/3210475627/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-53.jpg" alt="" title="eeopma-53" width="560" height="400" class="alignleft size-full wp-image-1193" /></a></p>
<p><a href="http://www.behance.net/Gallery/Atutiplen/45087"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-55.jpg" alt="" title="eeopma-55" width="560" height="392" class="alignleft size-full wp-image-1194" /></a></p>
<p><a href="http://www.behance.net/Gallery/Photo-stuff/127970"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-64.jpg" alt="" title="eeopma-64" width="560" height="360" class="alignleft size-full wp-image-1195" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/gallery/#/d1uh7tv"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-82-560x560.jpg" alt="" title="eeopma-82" width="560" height="560" class="alignleft size-large wp-image-1196" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/gallery/#/d1vr1rd"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-81-560x415.jpg" alt="" title="eeopma-81" width="560" height="415" class="alignleft size-large wp-image-1197" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/gallery/#/d1uh6kl"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-83-560x373.jpg" alt="" title="eeopma-83" width="560" height="373" class="alignleft size-large wp-image-1198" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/gallery/#/d2a7mig"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-84-560x373.jpg" alt="" title="eeopma-84" width="560" height="373" class="alignleft size-large wp-image-1199" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/gallery/#/d25bi80"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-85.jpg" alt="" title="eeopma-85" width="467" height="700" class="alignleft size-full wp-image-1200" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/gallery/#/d23wua9"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-86-560x372.jpg" alt="" title="eeopma-86" width="560" height="372" class="alignleft size-large wp-image-1201" /></a></p>
<p><a href="http://www.dd.chalmers.se/~joherik/photos/fist.html"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-02.jpg" alt="" title="eeopma-02" width="560" height="359" class="alignleft size-full wp-image-1202" /></a></p>
<p><a href="http://www.maslov.com/photographers/skeleton/index.html?headquarters=19.html"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-03.jpg" alt="" title="eeopma-03" width="560" height="267" class="alignleft size-full wp-image-1203" /></a></p>
<p><a href="http://tarelkin.deviantart.com/art/Angry-39052630"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-07.jpg" alt="" title="eeopma-07" width="560" height="431" class="alignleft size-full wp-image-1204" /></a></p>
<p><a href="http://www.behance.net/Gallery/Water-Tribute/112628"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-08.jpg" alt="" title="eeopma-08" width="560" height="600" class="alignleft size-full wp-image-1205" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/art/work-on-the-sea-111656151"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-10.jpg" alt="" title="eeopma-10" width="560" height="480" class="alignleft size-full wp-image-1206" /></a></p>
<p><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-12.jpg" alt="" title="eeopma-12" width="560" height="410" class="alignleft size-full wp-image-1207" /></p>
<p><a href="http://adsoftheworld.com/media/print/finansbank_zeppelin?size=_original"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-15.jpg" alt="" title="eeopma-15" width="560" height="370" class="alignleft size-full wp-image-1208" /></a></p>
<p><a href="http://adsoftheworld.com/media/print/perrier_melt_club?size=_original"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-22.jpg" alt="" title="eeopma-22" width="560" height="420" class="alignleft size-full wp-image-1209" /></a></p>
<p><a href="http://www.flickr.com/photos/marianovillalba/2466818788/sizes/o/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-87-560x409.jpg" alt="" title="eeopma-87" width="560" height="409" class="alignleft size-large wp-image-1210" /></a></p>
<p><a href="http://www.behance.net/Gallery/mio-gps/113621"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-88-560x409.jpg" alt="" title="eeopma-88" width="560" height="409" class="alignleft size-large wp-image-1211" /></a></p>
<p><a href="http://www.flickr.com/photos/marcoescobedo/2361981880/sizes/o/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-89-560x409.jpg" alt="" title="eeopma-89" width="560" height="409" class="alignleft size-large wp-image-1212" /></a></p>
<p><a href="http://www.crisvector.com/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-90-560x409.jpg" alt="" title="eeopma-90" width="560" height="409" class="alignleft size-large wp-image-1213" /></a></p>
<p><a href="http://adsoftheworld.com/media/print/grazia_magazine_sock?size=_original"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-91-560x409.jpg" alt="" title="eeopma-91" width="560" height="409" class="alignleft size-large wp-image-1214" /></a></p>
<p><a href="http://alltelleringet.deviantart.com/art/no-boundaries-111656906"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-23.jpg" alt="" title="eeopma-23" width="560" height="400" class="alignleft size-full wp-image-1215" /></a></p>
<p><a href="http://www.pierrebeteille.com/images/galerie/127.jpg"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-28.jpg" alt="" title="eeopma-28" width="560" height="400" class="alignleft size-full wp-image-1216" /></a></p>
<p><a href="http://thedesigninspiration.com/wp-content/uploads/2009/07/babytransformer.jpg"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/07/eeopma-36.jpg" alt="" title="eeopma-36" width="560" height="337" class="alignleft size-full wp-image-1217" /></a></p>
<h3>Hasonló gyüjtemények</h3>
<ul>
<li><a href="http://browse.deviantart.com/digitalart/photomanip/">Fotó manipuláció a devianART-ról</a></li>
<li><a href="http://www.flickr.com/groups/pixtricks/pool/">Fotó manipuláció a Flickr-ről</a></li>
<li><a href="http://www.noupe.com/photoshop/45-brilliant-examples-of-photo-manipulation-art.html">45 Brilliant Examples of Photo Manipulation Art</a></li>
<li><a href="http://naldzgraphics.net/tutorials/30-most-wanted-photo-manipulation-tutorials-in-photoshop-part-i/">30+ Most Wanted Photo Manipulation Tutorials in Photoshop</a></li>
</ul>
<h3>Zárszó</h3>
<p>Nem is tudom mit fűzhetnék még hozzá. Remélem tetszett a gyűjtemény és nem habozzatok megosztani az általatok ismert és jónak tartott maipulált képeket sem.</p>
<img src="http://feeds.feedburner.com/~r/code_art/~4/ZSpYW3H81rM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/inspiracio/30-elkepeszto-fotomanipulacio.php/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/inspiracio/30-elkepeszto-fotomanipulacio.php</feedburner:origLink></item>
		<item>
		<title>Wordpress bejegyzés szerkesztő stílusának módosítása</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/KBWWgBVCf5o/wordpress-bejegyzes-szerkeszto-stilusanak-modositasa.php</link>
		<comments>http://www.code-art.hu/wordpress/wordpress-bejegyzes-szerkeszto-stilusanak-modositasa.php#comments</comments>
		<pubDate>Wed, 14 Jul 2010 09:06:53 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tippek]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=1184</guid>
		<description><![CDATA[A Wordpress előző verziói a bejegyzés szerkesztőben (TinyMCE) alapértelmezett stílusokat használtak pl. (Georgia fontot) amiket nem igazán lehetett módosítani. Ez...]]></description>
			<content:encoded><![CDATA[<p>A Wordpress előző verziói a bejegyzés szerkesztőben (TinyMCE) alapértelmezett stílusokat használtak pl. (Georgia fontot) amiket nem igazán lehetett módosítani. Ez összezavarhatta a felhasználót, mivel nem pontosan azt látta az oldalon amit ő meghatározott, megformázott az admin felületen.<br />
Az új 3.0-ás verzióban ezen könnyen segíthetünk, lássuk is hogyan.</p>
<p><span id="more-1184"></span></p>
<p style="color:#cccccc;font-size:11px;text-align:center;margin:20px auto 20px auto;">Cikkünk a hirdetés után folytatódik!<br />
<script type="text/javascript"><!--
google_ad_client = "pub-3444661318084674";
/* 468x60, létrehozva 2010.04.26. */
google_ad_slot = "8916716355";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<h3>Az editor_style funkció</h3>
<p>Először is engedélyeznünk kell a funkciót a <em>functions.php</em> fájlban. Adjuk hozzá a következő sort.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">add_editor_style<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Tulajdonképpen ez a funkció megkeresi az <em>editor-style.css</em> stíluslapot a sablonunk gyökérkönyvtárában és alkalmazza a benne található formázásokat a bejegyzés szerkesztőnkre. A mi feladatunk annyi, hogy létrehozzuk ezt a stíluslapot és a style.css-ből átmásoljuk a postunkra vonatkozó beállításokat.</p>
<p>Példaként megmutatom az alapértelmezett Wordpress 3.0 sablon (TwentyTen) erre vonatkozó részét:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">html <span style="color: #6666ff;">.mceContentBody</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">max-width</span><span style="color: #00AA00;">:</span><span style="color: #933;">640px</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #00AA00;">*</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Georgia<span style="color: #00AA00;">,</span> &amp;amp<span style="color: #00AA00;">;</span>quot<span style="color: #00AA00;">;</span>Bitstream Charter&amp;amp<span style="color: #00AA00;">;</span>quot<span style="color: #00AA00;">;,</span> <span style="color: #993333;">serif</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">1.5</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
&nbsp;
a<span style="color: #3333ff;">:link </span><span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#0066cc</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
a<span style="color: #3333ff;">:visited </span><span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#743399</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
a<span style="color: #3333ff;">:active</span><span style="color: #00AA00;">,</span> a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#FF4B33</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
&nbsp;
p <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">18px</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
ul <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">square</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">18px</span> <span style="color: #933;">1.5em</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
ol <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">decimal</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">18px</span> <span style="color: #933;">1.5em</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
ul ol<span style="color: #00AA00;">,</span> ol ul <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
&nbsp;
strong<span style="color: #00AA00;">,</span> b <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
cite<span style="color: #00AA00;">,</span> em<span style="color: #00AA00;">,</span> i <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">italic</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
&nbsp;
blockquote <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">italic</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">3em</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
pre <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#f7f7f7</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#222</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">18px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">18px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1.5em</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>Persze egyedi sablon esetén ezek a beállítások eltérőek lehetnek, úgyhogy figyeljünk oda erre. Segítségképpen szeretném ajánlani a <a href="http://getfirebug.com/">Firebug</a> nevű, Firefox beépülő plugint, mely sokat segít a css osztályok meghatározásában.</p>
<h3>Zárszó</h3>
<p>Remélhetőleg, jól fog jönni sokaknak az fönti kis tipp és sok kellemetlenségtől óvhatjuk meg magunkat. Nekem legalábbis nagy hasznomra fog válni, mivel az ügyfelek azt látják weboldalukon, amit az admin felületen elképzeltek.</p>
<img src="http://feeds.feedburner.com/~r/code_art/~4/KBWWgBVCf5o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/wordpress/wordpress-bejegyzes-szerkeszto-stilusanak-modositasa.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/wordpress/wordpress-bejegyzes-szerkeszto-stilusanak-modositasa.php</feedburner:origLink></item>
		<item>
		<title>Fattyúsorok és az overflow</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/oj4Qzqq40fM/arva-sorok-es-az-overflow.php</link>
		<comments>http://www.code-art.hu/css/arva-sorok-es-az-overflow.php#comments</comments>
		<pubDate>Fri, 18 Jun 2010 19:13:14 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tippek]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=1178</guid>
		<description><![CDATA[Az overflow css beállítást viszonylag sok helyen lehet alkalmazni, különböző korrekciós hibák kijavítására, problémák megoldására. Az alábbiakban azt fogjuk megvizsgálni,...]]></description>
			<content:encoded><![CDATA[<p>Az <a href="http://www.w3schools.com/Css/pr_pos_overflow.asp" target="_blank">overflow</a> css beállítást viszonylag sok helyen lehet alkalmazni, különböző korrekciós hibák kijavítására, problémák megoldására. Az alábbiakban azt fogjuk megvizsgálni, hogy  a fattyúsorokat miként tudjuk kezelni a segítségével.</p>
<p><span id="more-1178"></span></p>
<p style="color:#cccccc;font-size:11px;text-align:center;margin:20px auto 20px auto;">Cikkünk a hirdetés után folytatódik!<br />
<script type="text/javascript"><!--
google_ad_client = "pub-3444661318084674";
/* 468x60, létrehozva 2010.04.26. */
google_ad_slot = "8916716355";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<h3>Fattyúsorok</h3>
<p>A fattyúsor a tipográfiában a tördelés súlyos hibájának számít. Két előfordulási lehetősége van az özvegy sor és a súlyosabb árvasor.</p>
<ul>
<li>Ha egy oldal legutolsó sorában kezdődik egy bekezdés, azt <strong>özvegy sornak</strong> nevezik.</li>
<li>Ha egy oldal egy bekezdés utolsó sorával kezdődik, azt <strong>árvasornak</strong> nevezik.</li>
</ul>
<div id="attachment_1179" class="wp-caption alignleft" style="width: 570px"><a href="http://www.code-art.hu/blog/wp-content/uploads/2010/06/011.jpg"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/06/011.jpg" alt="Fattyúsorok" title="fattyusorok" width="560" height="230" class="size-full wp-image-1179" /></a><p class="wp-caption-text">Árva és özvegysorok</p></div>
<p>A hatás szempontjából csúnya, ha törés van egy bekezdés elején vagy végén.</p>
<h3>A probléma</h3>
<p>Tulajdonképpen mi, a kép alatt lévő fattyúsorokat fogjuk eltüntetni úgy, hogy azok a kép mellett folytatódjanak.<br />
De lássunk is egy példát. Az alább látható képen jól megfigyelhető, hogy ha egy képet balra rendezünk, a szöveg a kép magasságát elérve &#8220;befolyik&#8221; alá, ami rendben is van.</p>
<div id="attachment_1180" class="wp-caption alignleft" style="width: 570px"><a href="http://www.code-art.hu/blog/wp-content/uploads/2010/06/02.jpg"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/06/02.jpg" alt="overflow nélkül" title="02" width="560" height="285" class="size-full wp-image-1180" /></a><p class="wp-caption-text">overflow nélkül</p></div>
<p>Mi viszont azt szeretnénk, hogy a szöveg a képünk mellett fusson tovább. Itt jön a képbe az <em>overflow</em> beállítás. Adjuk meg a bekezdésnek az <em>overflow:hidden;</em> paramétert, vagy tegyük egy konténerbe és arra alkalmazzuk. A végeredmény pedig a következő.</p>
<div id="attachment_1181" class="wp-caption alignleft" style="width: 570px"><a href="http://www.code-art.hu/blog/wp-content/uploads/2010/06/03.jpg"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/06/03.jpg" alt="" title="03" width="560" height="315" class="size-full wp-image-1181" /></a><p class="wp-caption-text">overflow:hidden;</p></div>
<p>Mint látható, a bekezdésünk tovább fut a kép mellett, pont ahogy szerettük volna. Most vessünk egy pillantást a HTML és CSS kódra.</p>
<h5>HTML</h5>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">	&lt;div class=&quot;entry&quot;&gt;
		&lt;img src=&quot;thumb.jpg&quot; class=&quot;thumb&quot; /&gt;
		&lt;h3&gt;Címsor 1&lt;/h3&gt;
		&lt;p&gt;Tartalom...&lt;/p&gt;
	&lt;/div&gt;</pre></td></tr></table></div>

<h5>CSS</h5>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.entry</span> p <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.thumb</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">20px</span> <span style="color: #933;">10px</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>Az overflow paraméter hozzáadásával fölösleges kódok nélkül oldottuk meg a problémát. Egyszerű és tiszta, ahogyan szeretjük.</p>
<h3>Kapcsolódó linkek</h3>
<p>Szeretnék ajánlani pár igen jó linket, amik szemléltetik miként használható az overflow beállítás más jellegű problémák kiküszöbölésére.</p>
<ul>
<li><a href="http://webpillango.org/programozas/css/div-elemek-es-az-overflow/">DIV elemek és az overflow</a></li>
<li><a href="http://css-tricks.com/the-css-overflow-property/">The CSS Overflow Property</a></li>
<li><a href="http://divitodesign.com/css/css-how-to-use-overflow/">CSS Overflow Property Explained</a></li>
</ul>
<h3>Zárszó</h3>
<p>Ez a CSS beállítás természetesen más területeken és problémáknál is alkalmazható, de erről később biztosan születnek még bejegyzések. Addig is ha van velemi ügyes kis CSS trükk a tarsolyotokban ne habozzatok megosztani egy kommentben, vagy elküldeni nekem és ha tényleg megéri akár egy cikkben is viszont láthatjátok.</p>
<img src="http://feeds.feedburner.com/~r/code_art/~4/oj4Qzqq40fM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/css/arva-sorok-es-az-overflow.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/css/arva-sorok-es-az-overflow.php</feedburner:origLink></item>
		<item>
		<title>Az Analytics mérőkód felgyorsítása</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/JPt5JkwUNV4/az-analytics-merokod-felgyorsitasa.php</link>
		<comments>http://www.code-art.hu/seo/az-analytics-merokod-felgyorsitasa.php#comments</comments>
		<pubDate>Wed, 09 Jun 2010 05:04:26 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Tippek]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=1175</guid>
		<description><![CDATA[A Google Analytics, mint gondolom sokan tudjátok egy eléggé elterjedt weboldal elemző alkalmazás. Honlapunkba integrálva, rengeteg hasznos statisztikai adathoz juthatunk....]]></description>
			<content:encoded><![CDATA[<p>A <a href="http://www.google.com/analytics/" target="_blank">Google Analytics</a>, mint gondolom sokan tudjátok egy eléggé elterjedt weboldal elemző alkalmazás. Honlapunkba integrálva, rengeteg hasznos statisztikai adathoz juthatunk. Ezekkel aztán javíthatunk site-unk találati pozícióján, teljesítményén, hatékonyságán stb.<br />
A telepítéshez egy kódrészletet kell weboldalunkba illesztenünk, és megkezdődik a mérés. Ebben a cikkben ennek a kódrészletnek az optimalizált, felgyorsított változatát mutatom be, melyről nemrég olvastam <a href="http://mathiasbynens.be/notes/async-analytics-snippet" target="_blank">Mathias Bynens</a> blogján. (<a href="http://twitter.com/mathias">@mathias</a>)</p>
<p><span id="more-1175"></span></p>
<p style="color:#cccccc;font-size:11px;text-align:center;margin:20px auto 20px auto;">Cikkünk a hirdetés után folytatódik!<br />
<script type="text/javascript"><!--
google_ad_client = "pub-3444661318084674";
/* 468x60, létrehozva 2010.04.26. */
google_ad_slot = "8916716355";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<h3>Az Analytics asszinkron követőkód</h3>
<p>A Google, tavaly november vagy december körül vezette be a új asszinkron követőkódját, amely pontosabb mérést és gyorsabb betöltődést eredményez. Természetesen a régi kódok is működőképesek maradtak, de érdemes őket lecserélni, mivel az új verziót már a fejlécbe is illeszthetjük, elcsípve így azokat a látogatókat is, akik még a régi kód betöltődése előtt elhagyták az oldalunkat.</p>
<blockquote><p>Fontos, hogy mielőtt a régi kódról az újra váltanál, olvasd el a <a href="http://code.google.com/intl/hu-HU/apis/analytics/docs/tracking/asyncUsageGuide.html" target="_blank">dokumentációt</a>, tájékozódj az esetlegesen fellépő hibákról, változásokról!</p></blockquote>
<h3>Az alapértelmezett mérőkód</h3>
<p>Tulajdonképpen ezzel semmi dolgunk sincs, kivéve annyi, hogy eltávolítjuk az oldalunkból mielőtt használni kezdenénk az újat. (Általában a láblécban található a <body előtt />)</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #000000; font-weight: bold;">var</span> _gaq <span style="color: #339933;">=</span> _gaq <span style="color: #339933;">||</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
_gaq<span style="color: #339933;">.</span>push<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'_setAccount'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'UA-XXXXX-X'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
_gaq<span style="color: #339933;">.</span>push<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'_trackPageview'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000000; font-weight: bold;">var</span> ga <span style="color: #339933;">=</span> document<span style="color: #339933;">.</span>createElement<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'script'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> ga<span style="color: #339933;">.</span>type <span style="color: #339933;">=</span> <span style="color: #0000ff;">'text/javascript'</span><span style="color: #339933;">;</span> ga<span style="color: #339933;">.</span>async <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span>
ga<span style="color: #339933;">.</span>src <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'https:'</span> <span style="color: #339933;">==</span> document<span style="color: #339933;">.</span>location<span style="color: #339933;">.</span>protocol ? <span style="color: #0000ff;">'https://ssl'</span> <span style="color: #339933;">:</span> <span style="color: #0000ff;">'http://www'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #0000ff;">'.google-analytics.com/ga.js'</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">var</span> s <span style="color: #339933;">=</span> document<span style="color: #339933;">.</span>getElementsByTagName<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'script'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> s<span style="color: #339933;">.</span>parentNode<span style="color: #339933;">.</span>insertBefore<span style="color: #009900;">&#40;</span>ga<span style="color: #339933;">,</span> s<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span></pre></td></tr></table></div>

<h3>Az optimalizált mérőkód</h3>
<p>Miután eltávolítottuk a régit, illesszük weboldalunk fejlécébe az új mérőkódot közvetlenül a záró <em>/head</em> címke elé.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script<span style="color: #339933;">&gt;</span>var _gaq<span style="color: #339933;">=</span><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'_setAccount'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'UA-XXXXX-X'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'_trackPageview'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>d<span style="color: #339933;">,</span>t<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><span style="color: #000000; font-weight: bold;">var</span> g<span style="color: #339933;">=</span>d<span style="color: #339933;">.</span>createElement<span style="color: #009900;">&#40;</span>t<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>s<span style="color: #339933;">=</span>d<span style="color: #339933;">.</span>getElementsByTagName<span style="color: #009900;">&#40;</span>t<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>g<span style="color: #339933;">.</span>async<span style="color: #339933;">=</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span>g<span style="color: #339933;">.</span>src<span style="color: #339933;">=</span><span style="color: #0000ff;">'//www.google-analytics.com/ga.js'</span><span style="color: #339933;">;</span>s<span style="color: #339933;">.</span>parentNode<span style="color: #339933;">.</span>insertBefore<span style="color: #009900;">&#40;</span>g<span style="color: #339933;">,</span>s<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>document<span style="color: #339933;">,</span><span style="color: #0000ff;">'script'</span><span style="color: #009900;">&#41;</span><span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span></pre></td></tr></table></div>

<p><em>(egysorban, sortörések nélkül)</em></p>
<p>Forrás: <a href="http://mathiasbynens.be/notes/async-analytics-snippet" target="_blank">Mathias Bynens</a></p>
<p>Cseréljük le a UA-XXXXX-X jelzést a saját Analytics azonosítónkra, melyet a profil szerkesztés menüpontban találunk. Itt ellenőrizhetjük is, hogy működik e a mérés, de bizonyos időnek el kell telnie ahhoz, hogy az eredményeket megkapjuk.</p>
<p><strong>A HTML4 érvényesítéshez adjuk hozzá a <em>type=&#8221;text/javascript&#8221;</em> beállítást. (lásd lentebb)</strong></p>
<h3>Telepítés Wordpress blogra</h3>
<p>A wordpress-nél egyszerű a helyzet mint mindig, az egész elvégezhető az adminisztrációs felületről.</p>
<ol>
<li>Távolítsunk el minden plugint ami az Analytics mérőkód-al foglalkozik</li>
<li>Ha nem használunk plugint a Megjelenés/Szerkesztővel távolítsuk el a régi követőkódot. (általában a footer.php-ban található)</li>
<li>Ugyanitt, nyissuk meg a header.php-t és illesszük be az új mérőkódot a záró <em>/head</em> címke elé</li>
</ol>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>var _gaq<span style="color: #339933;">=</span><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'_setAccount'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'UA-XXXXX-X'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'_trackPageview'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>d<span style="color: #339933;">,</span>t<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><span style="color: #000000; font-weight: bold;">var</span> g<span style="color: #339933;">=</span>d<span style="color: #339933;">.</span>createElement<span style="color: #009900;">&#40;</span>t<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>s<span style="color: #339933;">=</span>d<span style="color: #339933;">.</span>getElementsByTagName<span style="color: #009900;">&#40;</span>t<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>g<span style="color: #339933;">.</span>async<span style="color: #339933;">=</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span>g<span style="color: #339933;">.</span>src<span style="color: #339933;">=</span><span style="color: #0000ff;">'//www.google-analytics.com/ga.js'</span><span style="color: #339933;">;</span>s<span style="color: #339933;">.</span>parentNode<span style="color: #339933;">.</span>insertBefore<span style="color: #009900;">&#40;</span>g<span style="color: #339933;">,</span>s<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>document<span style="color: #339933;">,</span><span style="color: #0000ff;">'script'</span><span style="color: #009900;">&#41;</span><span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span>
<span style="color: #339933;">&lt;/</span>head<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>Egy kis idő múlva mindenképp ellenőrizzük le az Analytics fiókunkat, hogy rendben van e a mérés.</p>
<div id="attachment_1176" class="wp-caption alignleft" style="width: 570px"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/06/01.jpg" alt="Analytics adatok ellenőrzése" title="01" width="560" height="310" class="size-full wp-image-1176" /><p class="wp-caption-text">Analytics adatok ellenőrzése</p></div>
<h3>Zárszó</h3>
<p>Én mindenképpen ajánlom a használatát nemcsak az &#8220;új&#8221; asszinkron mérőkódnak, hanem a felgyorsított változatnak is, hiszen egy weboldal gyorsasága sok apró dologtól függ, nemde.</p>
<img src="http://feeds.feedburner.com/~r/code_art/~4/JPt5JkwUNV4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/seo/az-analytics-merokod-felgyorsitasa.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/seo/az-analytics-merokod-felgyorsitasa.php</feedburner:origLink></item>
		<item>
		<title>Sansation: Ingyenes betűtípus</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/spY8NQvEux8/sansation-ingyenes-betutipus.php</link>
		<comments>http://www.code-art.hu/fontok/sansation-ingyenes-betutipus.php#comments</comments>
		<pubDate>Mon, 24 May 2010 14:54:20 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[Fontok]]></category>
		<category><![CDATA[Ingyenes]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[Tipográfia]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=1148</guid>
		<description><![CDATA[Az ingyenes betűtípus cikksorozat következő tagja egy modern megjelenésű sans-sarif típusú font a Sansation. Készítője egy fiatal német tervező, Bernd...]]></description>
			<content:encoded><![CDATA[<p>Az <a href="http://www.code-art.hu/category/fontok">ingyenes betűtípus</a> cikksorozat következő tagja egy modern megjelenésű sans-sarif típusú font a <a href="http://www.dafont.com/sansation.font">Sansation</a>. Készítője egy fiatal német tervező, <a href="http://www.dafont.com/profile.php?user=100521">Bernd Montag</a>. Tudtommal nem túl sok fontot publikált eddig, de azt hiszem ez kimondottan jóra sikerült és ráadásul teljesen ingyenesen letölthető.</p>
<p><span id="more-1148"></span></p>
<p style="color:#cccccc;font-size:11px;text-align:center;margin:20px auto 20px auto;">Cikkünk a hirdetés után folytatódik!<br />
<script type="text/javascript"><!--
google_ad_client = "pub-3444661318084674";
/* 468x60, létrehozva 2010.04.26. */
google_ad_slot = "8916716355";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<div id="attachment_1155" class="wp-caption alignleft" style="width: 570px"><a href="http://www.dafont.com/sansation.font"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/05/sansation-ingyenes-betutipus.jpg" alt="Sansation" title="sansation-ingyenes-betutipus" width="560" height="295" class="size-full wp-image-1155" /></a><p class="wp-caption-text">Sansation ingyenes betűtípus</p></div>
<p>Három stílus készült belőle egyenlőre, a készítő viszont ígér még egy negyediket is hamarosan:</p>
<ul>
<li>Light</li>
<li>Regular</li>
<li>Bold</li>
<li>Italic <em>(hamarosan)</em></li>
</ul>
<p>166 karaktert és szimbólumot tartalmaz. Igaz a hosszú <em>ő</em> és <em>ű</em> betűk kimaradtak belőle, de reméljük valamelyik frissítéssel a közeljövőben pótolva lesznek. Addig is a hosszabb folyószövegeket kivéve, szinte minden területen tudjuk alkalmazni.</p>
<blockquote><p>
<strong>Bernd Montag:</p>
<p>&quot;When I started working on Sansation I just wanted to creat a sans serif typeface with a modern feeling but an important thing during the design process was to make the font look unique in some way. This is the reason why some of the lettershapes are unusual (such as the lowercase k).<br />
Sansation is a still crowing family. Currently I work on italic versions for each of the three weights. I also want to add more glyphs to it such as mathematical symbols, fraktures, accents and more language support (even Cyrillic glyphs).&quot;</strong></p>
<p>Amikor a Sansation betűtípuson kezdtem dolgozni a legfőbb célom az volt, hogy egy modern megjelenésű de mégis valamilyen módon egyedülálló fontcsaládot hozzak létre. Ez az oka annak hogy némelyik betű esetleg szokatlannak tűnhet pl. (a kis <em>k</em>).<br />
A Sansation család még gyerekcipőben jár. Jelenleg mind a három változat italic (dőlt) megjelenésén dolgozom. Valamint szeretném növelni a jelek, matematikai szimbólumok, ékezetes karakterek számát és több nyelvi támogatást elérhetővé tenni.</p>
<p><small><a href="http://www.planet-typography.com/download/index.html" target="_blank">Forrás</a></small>
</p></blockquote>
<h3>Letöltés</h3>
<p>Mindhárom változat ingyenesen letölthető a következő oldalakról:</p>
<ul>
<li><a href="http://www.dafont.com/sansation.font" target="_blank">Dafont.com</a></li>
<li><a href="http://www.fontsquirrel.com/fonts/Sansation" target="_blank">Font Squirrel</a></li>
<li><a href="http://www.planet-typography.com/download/index.html" target="_blank">Planet-typography.com</a></li>
</ul>
<h3>Zárszó</h3>
<p>Egyedi formája és vonalvezetése miatt viszont, mindenképp csak ajánlani tudom a használatát. Remélem ti is így gondoljátok.</p>
<img src="http://feeds.feedburner.com/~r/code_art/~4/spY8NQvEux8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/fontok/sansation-ingyenes-betutipus.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/fontok/sansation-ingyenes-betutipus.php</feedburner:origLink></item>
		<item>
		<title>A színek jelentése és jelentősége a Design keretein belül</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/xk9hf4NYjj4/a-szinek-jelentese-es-jelentosege-a-design-keretein-belul.php</link>
		<comments>http://www.code-art.hu/design/a-szinek-jelentese-es-jelentosege-a-design-keretein-belul.php#comments</comments>
		<pubDate>Mon, 10 May 2010 19:13:35 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Színek]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=1106</guid>
		<description><![CDATA[Az elmúlt 5-6 hónapban, mióta az oldal működik, viszonylag sok mindenről olvashattatok, informálódhattatok és tanulhattatok itt a blogon, aminek örülök...]]></description>
			<content:encoded><![CDATA[<p>Az elmúlt 5-6 hónapban, mióta az oldal működik, viszonylag sok mindenről olvashattatok, informálódhattatok és tanulhattatok itt a blogon, aminek örülök is, hiszen épp ezért született. Egy eléggé alapvető dologról viszont még nem esett szó, pedig szinte ugyanolyan, sőt még talán fontosabb is mint az eddig elhangzottak. A színek. Nap mint nap találkozunk velük, használjuk őket mindig, mindenhol és mégis oly keveset beszélünk róluk.</p>
<p>Ezzel a bejegyzéssel meg szeretném osztani a színekkel kapcsolatos tapasztalataimat, a színekről tanultakat és pár alapvető tudnivalót, amit illik ismerni mindenkinek aki ezen a területen dolgozik, vagy akár hobbiból foglalkozik a designal.</p>
<p><span id="more-1106"></span></p>
<p style="color:#cccccc;font-size:11px;text-align:center;margin:20px auto 20px auto;">Cikkünk a hirdetés után folytatódik!<br />
<script type="text/javascript"><!--
google_ad_client = "pub-3444661318084674";
/* 468x60, létrehozva 2010.04.26. */
google_ad_slot = "8916716355";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<h3>Mik is azok a színek?</h3>
<p>A színek, a fény ember számára érzékelhető tulajdonsága – mivel a fény energia, így a szín is az. 1666-ban <a href="http://hu.wikipedia.org/wiki/Isaac_Newton" target="_blank">Isaac Newton</a> megállapította, hogy a nap fénye több szín keveréke, miután felfedezte, hogy ha fényt prizmán futtat át, az <strong>hét alapszínre bomlik: piros, narancs, sárga, zöld, kék, indigó és lila</strong>. Különböző tárgyakat, testeket azért látunk más színűnek, mert minden anyag más és más hullámhosszú fényt nyel el és ver vissza. A színek tulajdonképpen a különböző hullámhosszú fénysugarak agy reprezentációja (ábrázolása).</p>
<h3>A színek megértése</h3>
<p>A web design területén egy szín megítélése erősen szubjektív. A fekete szín sugallhat pl. eleganciát, anyagi biztonságot <em>(talán már fel is sejlett előttünk egy elegáns fekete limuzin képe)</em> de könnyedén társulhatnak hozzá kellemetlen képzetek is, pl. halál, gyász, kilátástalanság stb. Ráadásul egy weboldal, logó vagy névjegykártya tervezésénél nem csak egy színnel fogunk dolgozni. Ahhoz, hogy a design hatásos legyen, kettő, vagy esetleg még több színt kell felhasználnunk. Sajnos a megfelelő színek kiválasztása nem egyszerű feladat – a mai monitorok, 16 millió szín megjelenítésére képesek, így a bőség zavarában igen könnyű rosszul választani.</p>
<div id="attachment_1114" class="wp-caption alignleft" style="width: 570px"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/05/01.jpg" alt="Rossz választások" title="01" width="560" height="300" class="size-full wp-image-1114" /><p class="wp-caption-text">Rossz választások</p></div>
<p>Ennek a problémának az áthidalását segíti az alább található néhány alapelv, amelyek segítenek a megfelelő színek kiválasztásában, és azok harmonikus párosításában.</p>
<h4>A három alapszín</h4>
<p>A színek fizikai besorolása szerint három olyan szín van, amelyet nem lehet más színek keverékéből előállítani, illetve ez az a három szín, amelyeknek különböző arányú keverékéből tevődik össze az összes többi szín. Ez a három alapszín, vagy más néven tiszta szín: a <strong>piros</strong>, a <strong>sárga</strong> és a <strong>kék</strong>.</p>
<div id="attachment_1116" class="wp-caption alignleft" style="width: 570px"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/05/02.jpg" alt="A három alapszín" title="alapszinek" width="560" height="300" class="size-full wp-image-1116" /><p class="wp-caption-text">A három alapszín</p></div>
<h4>A másodlagos színek</h4>
<p>A másodlagos színek a három alapszín egyenlő mértékű keveréséből állítódnak elő. A három másodlagos szín a <strong>zöld</strong>, a <strong>narancs </strong>és a <strong>lila</strong>.</p>
<div id="attachment_1117" class="wp-caption alignleft" style="width: 570px"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/05/03.jpg" alt="Másodlagos színek" title="masodlagos szinek" width="560" height="300" class="size-full wp-image-1117" /><p class="wp-caption-text">Másodlagos színek</p></div>
<h4>A harmadlagos színek</h4>
<p>A harmadlagos színek az elsődleges és a mellettük álló másodlagos színek keverésével jönnek létre: <strong>sárga-narancs</strong>, <strong>piros-narancs</strong>, <strong>piros-lila</strong>, <strong>kék-lila</strong>, <strong>kék-zöld</strong>, és <strong>sárga-zöld</strong>.</p>
<div id="attachment_1118" class="wp-caption alignleft" style="width: 570px"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/05/04.jpg" alt="Harmadlagos színek" title="harmadlagos szinek" width="560" height="300" class="size-full wp-image-1118" /><p class="wp-caption-text">Harmadlagos színek</p></div>
<h3>Hideg és meleg színek</h3>
<p>Akár az életben, a tervezés során is a harmóniát a megfelelő ellentétek átgondolt ellensúlyozásával érhetjük el. A színeket e célból két csoportba soroljuk, hideg illetve meleg színek.</p>
<div id="attachment_1119" class="wp-caption alignleft" style="width: 570px"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/05/05.jpg" alt="Hideg és meleg színek" title="hideg es meleg szinek" width="560" height="300" class="size-full wp-image-1119" /><p class="wp-caption-text">Hideg és meleg színek</p></div>
<h4>Meleg színek</h4>
<p>Meleg színek a pirostól sárgáig található színek, beleértve a barnát, narancsot és rózsaszínt. Azért nevezzük őket meleg színeknek, mert a tűz, vagy a napfény jut róla a legtöbb ember eszébe. Különleges tulajdonságuk, hogy tértágító hatásúak.</p>
<h4>Hideg színek</h4>
<p>A hideg színek a zöldtől a kékig helyezkednek el az ábrán, de a lila egyes árnyalatait is ide sorolhatjuk. A hideg színeket inkább hátterekben alkalmazzuk, és a nyugalom, valamint a visszafogott feszültség hatását keltik.</p>
<p><strong>A fehér, a fekete és a szürke színeket semleges színeknek nevezzük.</strong></p>
<h3>További hasznos szín-elméleti kifejezések</h3>
<p>A színelméletben még használatos kifejezések:</p>
<ul>
<li>Szín érték – a színek élénkségét illetve annak hiányát jelenti</li>
<li> Szaturáció vagy intenzitás – a szín derítettségét és tompítottságát jelenti</li>
<li> Króma (telítettség) – a szín fehértartalmának mértékét jelenti</li>
<li> Tompítás – ha egy színhez feketét adunk</li>
<li> Derítés – ha egy színhez fehéret adunk</li>
</ul>
<div id="attachment_1120" class="wp-caption alignleft" style="width: 570px"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/05/06.jpg" alt="Tompítás és Derítés" title="tompitas es derites" width="560" height="300" class="size-full wp-image-1120" /><p class="wp-caption-text">Tompítás és Derítés</p></div>
<ul>
<li><strong>RGB színek:</strong> az egy helyen összegyűlő fényenergiák összessége. (RGB az angol Red, Green és Blue szavakból amelyek a piros, a zöld és a kék színt jelölik. A zöld a sárgát helyettesíti.) Ezt a színfelosztást alkalmazzák a monitorok.</li>
<li><strong>CMYK</strong> (Cyán, Magenta, Yellow, Black – cián, bíbor, sárga, fekete) Ezt a színalkotást alkalmazzák nyomdatechnikánál. Ezt az eljárást szubsztraktív fényalkotásnak is nevezik, mert ezek a három alapszín egymásból való kivonásával keletkeznek. Ezzel az eljárással valamivel rosszabb minőséget lehet elérni, mint az RGB technikával, főleg a sárga-zöld szín tekintetében.</li>
<li><strong>PMS</strong> (Pantone Matching System) színek: A Pantone színeket szintén a nyomdatechnikában alkalmazzák. A Pantone Corporation szabadalma. Egy kiterjedt színkeverék listát takar, sajnos nagyon költséges eljárás.</li>
<li><strong>Hexakróm:</strong> a hexakróm eljárás szintén a Pantone fejlesztése. Gyakorlatilag a CMYK színekhez a Pantone Hexakróm Narancs és a Pantone Hexakróm Zöld színek hozzáadásával dolgozik. Nyomdatechnikában használják, a CMYK és a PMS továbbfejlesztett változata.</li>
</ul>
<h3>A színek jelentése</h3>
<p>Elgondolkodtunk már azon, hogy Las Vegas vajon miért a vörös neonok városa? Azért, mert a piros szín hatására az emberek kockázatvállalási hajlama megnő, míg pl a kék lenyugtatja az játékkedvet. Tudományos kísérletekkel már rég kimutatták, hogy különböző színeknek más és más hatása van az emberi agyra, okozhatnak éhséget, izgalomba hozhatnak, lenyugtathatnak, kelthetik hideg illetve meleg érzetét.<br />
Amint azt már korábban említettük, a színek megítélése erősen szubjektív, azonban van egy pár egyetemes jelentés, amelyet egyes színeknek tulajdonítunk. Ezek közül található alább egy-két példa:</p>
<ul>
<li><strong>Fekete:</strong> rejtélyesség, elegancia, halál, hatalom, gyász</li>
<li><strong>Kék:</strong> szomorúság, nyugalom, hűség</li>
<li><strong>Zöld:</strong> bőség, nyugalom, frissesség</li>
<li><strong>Sárga:</strong> boldogság, összpontosítás, remény</li>
<li><strong>Piros:</strong> szenvedély, düh, veszély, szerelem</li>
<li><strong>Fehér:</strong> tisztaság, ártatlanság</li>
<li><strong>Lila:</strong> nemesség, luxus, vagyon, szofisztikáltság</li>
<li><strong>Krém szín:</strong> elegancia, tisztaság</li>
<li><strong>Szürke:</strong> visszafogottság, formalitás</li>
</ul>
<p>Az interpretációk azonban jelentősen kultúra-függőek:</p>
<ul>
<li>Kínában a fekete a jó minőség és a bizalom színe</li>
<li>A kék szín Iránban a halhatatlanságot jelképezi</li>
<li>A zöld szín Japánban a high-tech színe, míg a Közel-Keleten a szerencse, Dél Amerikában pedig a halál színe</li>
<li>Mexikóban a sárga a gyász színe, míg Szaud Arábiában a erőt sugall</li>
<li>A piros szín igen sokrétű jelentéssel bír: Kínában a jó szerencse szimbóluma, Európában veszélyt jelez, az Elefántcsontparton a gyász, Törökországban pedig a halál jelképe</li>
<li>A fehér Japánban a gyász színe</li>
</ul>
<h3>A szín a barátunk, vagy az ellenségünk?</h3>
<p>Míg a színek nagyban segíthetnek minket, furcsa viselkedésüknek köszönhetően könnyen válhatnak ádáz ellenségünkké. Furcsa? Vessünk egy pillantást az alábbi képre és próbáljuk meg kitalálni hány színt tartalmaz. Első ránézésre azt gondolnánk, négyet.</p>
<p><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/05/07.jpg" alt="Színjáték" title="szinjatek" width="560" height="300" class="alignleft size-full wp-image-1121" /></p>
<p>A helyes válasz: <strong>három</strong></p>
<p>Ne feledjük: <strong>a szín fény, a fény energia, így a szín is energia</strong>.</p>
<script type='text/javascript' language='javascript' charset='utf-8' src='http://s3.polldaddy.com/p/3181451.js'></script><noscript> <a href='http://answers.polldaddy.com/poll/3181451/'>View Poll</a></noscript>
<img src="http://feeds.feedburner.com/~r/code_art/~4/xk9hf4NYjj4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/design/a-szinek-jelentese-es-jelentosege-a-design-keretein-belul.php/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/design/a-szinek-jelentese-es-jelentosege-a-design-keretein-belul.php</feedburner:origLink></item>
		<item>
		<title>Wordpress Sablon Segítő Adatlap</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/D5SCW_ycxNY/wordpress-sablon-segito-adatlap.php</link>
		<comments>http://www.code-art.hu/wordpress/wordpress-sablon-segito-adatlap.php#comments</comments>
		<pubDate>Sat, 08 May 2010 21:54:24 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Ingyenes]]></category>
		<category><![CDATA[Sablonok]]></category>
		<category><![CDATA[Tippek]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=1089</guid>
		<description><![CDATA[Tulajdonképpen egy saját kis gyűjteménynek indult, még tavaly nyáron. Egy txt-ben szedegettem össze mindenféle wordpress sablonnal kapcsolatos kódot, kódrészletet és...]]></description>
			<content:encoded><![CDATA[<p>Tulajdonképpen egy saját kis gyűjteménynek indult, még tavaly nyáron. Egy txt-ben szedegettem össze mindenféle wordpress sablonnal kapcsolatos kódot, kódrészletet és ezek működésével kapcsolatos információt. Szépen lassan össze is gyűlt elég sok és a minap rászántam magam a rendszerezésükre.</p>
<p><span id="more-1089"></span></p>
<p>Próbáltam külföldi változatok alapján kategorizálni és kiegészíteni a saját gyűjteményt, hogy minél pontosabb és átfogóbb pdf kerekedjen belőle. Természetesen a jövőben megjelenő új tagekel is kiegészítem majd és ti se habozzatok ha szerintetek valamit kifelejtettem belőle, esetleg hibásan fordítottam, értelmeztem. Bizonyos kódokat én sem használtam még, így előfordulhat hiba, de igyekeztem mindennek utánajárni.</p>
<p>A Wordpress Sablon Segítő Adatlapot letölthetitek az alábbi linken, vagy a <a href="http://www.code-art.hu/wordpress-sablon-segito-adatlap">hivatalos oldalon</a>.</p>
<h3>Letöltés</h3>
<div class="downloads"><a href="http://www.code-art.hu/downloads/Wordpress-Sablon-Segito-Adatlap-100508.pdf" title="Downloaded 78 times"><img class="downloads_img" src="http://www.code-art.hu/blog/wp-content/plugins/download-monitor/img/downloads-icon.gif" border="0" alt="Thumbnail" /> <span>Wordpress Sablon Segítő Adatlap</span></a><br /><small>(175.16 KB)</small><br /><small>Wordpress sablon tageket és más hasznos kódokat, kódrészleteket tartalmazó pdf.</small><div class="clear"></div></div>
<h3>Kategóriák</h3>
<p>A következő kategóriák találhatóak a gyűjteményben:</p>
<ul>
<li>sablonfájlok</li>
<li>tartalom lekérése (the loop)</li>
<li>tartalom lekérése adott kategóriából (the loop)</li>
<li>sablonfájl hívó tagek</li>
<li>sablon definiálása a stílusfájlban</li>
<li>wordpress sablon tagek</li>
<li>bloginfó tagek</li>
<li>speciális bloginfó tagek</li>
<li>navigáció (menu)</li>
</ul>
<h3>Előnézet</h3>
<div id="attachment_1079" class="wp-caption alignleft" style="width: 570px"><a href="http://www.code-art.hu/blog/wp-content/uploads/2010/05/Wordpress-Sablon-Segito-Adatlap-1024.jpg"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/05/Wordpress-Sablon-Segito-Adatlap-1024-560x791.jpg" alt="Wordpress Sablon Segítő Adatlap" title="Wordpress-Sablon-Segito-Adatlap-1024" width="560" height="791" class="size-large wp-image-1079" /></a><p class="wp-caption-text">Wordpress Sablon Segítő Adatlap (nagyítás)</p></div>
<img src="http://feeds.feedburner.com/~r/code_art/~4/D5SCW_ycxNY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/wordpress/wordpress-sablon-segito-adatlap.php/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/wordpress/wordpress-sablon-segito-adatlap.php</feedburner:origLink></item>
		<item>
		<title>20+ minőségi, ingyenes wordpress sablon</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/8IBRwhKOV4o/20-minosegi-ingyenes-wordpress-sablon.php</link>
		<comments>http://www.code-art.hu/wordpress/20-minosegi-ingyenes-wordpress-sablon.php#comments</comments>
		<pubDate>Mon, 26 Apr 2010 18:07:55 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Ingyenes]]></category>
		<category><![CDATA[Sablonok]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=1016</guid>
		<description><![CDATA[Elég sokat volt már szó különböző sablonfejlesztési témákról itt a blogon és jómagam is az egyedi templatek híve vagyok, ha...]]></description>
			<content:encoded><![CDATA[<p>Elég sokat volt már szó különböző sablonfejlesztési témákról itt a blogon és jómagam is az egyedi templatek híve vagyok, ha cms-ről van szó. Azoknak viszont, akik nem tudnak, vagy nem is akarnak ilyesfajta témával foglalkozni, bemutatnék pár igen jó minőségű és könnyen használható wordpress témát, melyek természetesen teljesen ingyenesen letölthetőek.</p>
<p><span id="more-1016"></span></p>
<p style="color:#cccccc;font-size:11px;text-align:center;margin:20px auto 20px auto;">Cikkünk a hirdetés után folytatódik!<br />
<script type="text/javascript"><!--
google_ad_client = "pub-3444661318084674";
/* 468x60, létrehozva 2010.04.26. */
google_ad_slot = "8916716355";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<p>A minap, internetezés közben lettem figyelmes egy pár sablonra és mivel igen mutatósak voltak, gondoltam megosztok párat itt a codeart-on is. Rövid keresgélés után össze is jött elég sok, ezek közül választottam ki az általam legjobbnak vélt 20-at. Majdnem mindhez tartozik admin felület is, melyen különböző beállításokat eszközölhetünk.</p>
<p>Nem gondoltam volna, hogy ilyen sok minőségi sablon található a neten, ráadásul ingyen. Ebből is jól látszik, mennyire elismert és elterjedt cms lett a wordpress.</p>
<p>Jó párat kipróbáltam közülük de nem mindet, így ha valami gubanc lenne valamelyikkel írjátok meg egy kommentben és megnézem.</p>
<h4>1. SimpleFolio</h4>
<p><a href="http://www.slimmity.com/go/simplefolio">Demo</a></p>
<p><a href="http://www.slimmity.com/go/simplefolio"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/011.png" alt="Simple Folio" title="Simple Folio" width="450" height="464" class="alignleft size-full wp-image-1017" /></a></p>
<h4>2. Paper Wall WordPress Theme</h4>
<p><a href="http://wordpress.indeziner.com/index.php?wptheme=Paper+Wall">Demo</a></p>
<p><a href="http://www.smashingmagazine.com/2009/07/10/free-wordpress-theme-paper-wall/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/021.jpg" alt="Paper Wall" title="Paper Wall" width="500" height="300" class="alignleft size-full wp-image-1020" /></a></p>
<h4>3. ASCII One — a free professional Wordpress-theme</h4>
<p><a href="http://sandbox.oddwebthings.com/asciione/">Demo</a></p>
<p><a href="http://www.smashingmagazine.com/2008/12/02/ascii-one-a-free-wordpress-theme/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/031.jpg" alt="Ascii one" title="Ascii one" width="500" height="404" class="alignleft size-full wp-image-1022" /></a></p>
<h4>4. UpSide</h4>
<p><a href="http://www.dynamicwp.net/demo/?preview_theme=UpSide">Demo</a></p>
<p><a href="http://sixrevisions.com/freebies/wordpress-themes/upside-a-free-wordpress-theme/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/041.jpg" alt="Upside" title="Upside" width="550" height="253" class="alignleft size-full wp-image-1024" /></a></p>
<h4>5. 96Degree WordPress Theme</h4>
<p><a href="http://insicdesigns.com/96degree/">Demo</a></p>
<p><a href="http://blog.insicdesigns.com/2010/03/freebie-96degree-wordpress-theme/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/051-560x545.jpg" alt="96Degree" title="96Degree" width="560" height="545" class="alignleft size-large wp-image-1026" /></a></p>
<h4>6. Notepad</h4>
<p><a href="http://www.ndesign-studio.com/demo/wordpress/index.php?wptheme=Notepad">Demo</a></p>
<p><a href="http://www.ndesign-studio.com/wp-themes/notepad"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/061-560x375.jpg" alt="Notepad" title="Notepad" width="560" height="375" class="alignleft size-large wp-image-1028" /></a></p>
<h4>7. Koi Theme</h4>
<p><a href="http://www.ndesign-studio.com/demo/wordpress/index.php?wptheme=Koi">Demo</a></p>
<p><a href="http://www.ndesign-studio.com/wp-themes/koi-theme"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/071-560x375.jpg" alt="Koi theme" title="Koi theme" width="560" height="375" class="alignleft size-large wp-image-1030" /></a></p>
<h4>8. DesignPile WordPress Theme</h4>
<p><a href="http://wordpress.site5.net/designpile">Demo</a></p>
<p><a href="http://www.smashingmagazine.com/2010/02/20/free-dark-and-clean-wordpress-theme-designpile/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/08.png" alt="designpile" title="designpile" width="450" height="450" class="alignleft size-full wp-image-1032" /></a></p>
<h4>9. Inuitypes Starter Edition</h4>
<p><a href="http://bizzthemes.com/preview/?theme=653">Demo</a></p>
<p><a href="http://bizzthemes.com/2010/03/inuitypes/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/091-560x250.jpg" alt="inuitypes" title="inuitypes" width="560" height="250" class="alignleft size-large wp-image-1034" /></a></p>
<h4>10. WPCount</h4>
<p><a href="http://themes.wpcount.com/?theme=count">Demo</a></p>
<p><a href="http://wpcount.com/2010/02/wpcount-wordpress-template/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/101-560x329.jpg" alt="wpcount" title="wpcount" width="560" height="329" class="alignleft size-large wp-image-1036" /></a></p>
<h4>11. Perfect Wordpress theme</h4>
<p><a href="http://themes.wpcount.com/?theme=Perfect">Demo</a></p>
<p><a href="http://wpcount.com/2010/03/perfect-wordpress-theme/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/111-560x329.jpg" alt="perfect" title="perfect" width="560" height="329" class="alignleft size-large wp-image-1038" /></a></p>
<h4>12. Maparaan</h4>
<p><a href="http://www.paddsolutions.com/wpmag/maparaan/">Demo</a></p>
<p><a href="http://www.paddsolutions.com/wordpress-theme-maparaan/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/12.png" alt="Maparaan" title="Maparaan" width="420" height="340" class="alignleft size-full wp-image-1041" /></a></p>
<h4>13. Kodzilla</h4>
<p><a href="http://www.jinsonathemes.com/demo/?themedemo=Kodzilla">Demo</a></p>
<p><a href="http://www.web2feel.com/kodzilla/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/131.jpg" alt="Kodzilla" title="Kodzilla" width="560" height="354" class="alignleft size-full wp-image-1046" /></a></p>
<h4>14. INSIC WP</h4>
<p><a href="http://insicdesigns.com/wptheme/">Demo</a></p>
<p><a href="http://blog.insicdesigns.com/2009/04/insic-wp-free-wordpress-theme/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/141-560x341.jpg" alt="Insic" title="Insic" width="560" height="341" class="alignleft size-large wp-image-1048" /></a></p>
<h4>15. Stitchpress</h4>
<p><a href="http://www.jinsonathemes.com/demo/?themedemo=stitchpress">Demo</a></p>
<p><a href="http://www.web2feel.com/stitchpress/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/151-560x292.jpg" alt="stitchpress/" title="stitchpress" width="560" height="292" class="alignleft size-large wp-image-1049" /></a></p>
<h4>16. Mystique</a></h4>
<p><a href="http://wordpress.digitalnature.ro/mystique/">Demo</a></p>
<p><a href="http://digitalnature.ro/projects/mystique/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/161-560x292.jpg" alt="mystique" title="mystique" width="560" height="292" class="alignleft size-large wp-image-1051" /></a></p>
<h4>17. ARGENTPRESS</h4>
<p><a href="http://wpcrunchy.com/preview/?wptheme=argentpress">Demo</a></p>
<p><a href="http://wpcrunchy.com/2010/01/12/meet-my-first-theme-in-2010-argentpress/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/171-560x292.jpg" alt="argentpress" title="argentpress" width="560" height="292" class="alignleft size-large wp-image-1053" /></a></p>
<h4>18. Zexee</h4>
<p><a href="http://themes.thedesignsuperhero.com/zexee/">Demo</a></p>
<p><a href="http://thedesignsuperhero.com/2010/01/zexee-a-free-sexy-WordPress-theme/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/18-560x292.jpg" alt="Zexee" title="Zexee" width="560" height="292" class="alignleft size-large wp-image-1057" /></a></p>
<h4>19. Simplista WordPress Theme</h4>
<p><a href="http://www.wpnow.com/demo/#simplista">Demo</a></p>
<p><a href="http://www.wpnow.com/themes/simplista.html"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/19-560x292.jpg" alt="simplista" title="simplista" width="560" height="292" class="alignleft size-large wp-image-1059" /></a></p>
<h4>20. Bueno</h4>
<p><a href="http://www.woothemes.com/demo/?name=bueno">Demo</a></p>
<p><a href="http://www.woothemes.com/2009/11/bueno/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/20-560x292.jpg" alt="bueno" title="bueno" width="560" height="292" class="alignleft size-large wp-image-1060" /></a></p>
<h3>Különleges sablonok</h3>
<p>Keresgélés közben ráakadtam pár igen érdekes sablonra, amelyek kissé átszabják a wordpress eredeti funkcióját. Gondoltam beteszem ezeket is, hátha valaki épp ilyeneket keres.</p>
<h4>Driftwood Contact Manager</h4>
<p><a href="http://www.driftwoodcms.com/demo.html">Demo</a></p>
<p><a href="http://www.driftwoodcms.com/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/21-560x250.jpg" alt="Driftwood Contact Manager" title="Driftwood Contact Manager" width="560" height="250" class="alignleft size-large wp-image-1061" /></a></p>
<h4>e-Commerce Theme: Kelontong</h4>
<p>Első ránézésre elég jó kis webshop témának néz ki. Nem mindennapi, meg kell hagyni.</p>
<p><a href="http://demo.icreativelabs.com/kelontong_free">Demo</a></p>
<p><a href="http://portfolio.icreativelabs.com/free-WordPress-e-commerce-theme-kelontong/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/22-560x250.jpg" alt="Kelontong" title="Kelontong" width="560" height="250" class="alignleft size-large wp-image-1062" /></a></p>
<h4>Ready2Launch!</h4>
<p><a href="http://demo.jedenbod.cz/">Demo</a></p>
<p><a href="http://ready2launch.jedenbod.cz/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/23-560x250.jpg" alt="ready2launch" title="ready2launch" width="560" height="250" class="alignleft size-large wp-image-1063" /></a></p>
<h4>Under Construction</h4>
<p>Fejlesztés vagy karbantartás alatt lévő oldalaknál hasznos lehet. Még egy számlálót is tartalmaz.</p>
<p><a href="http://www.deliciousthemes.com/under-construction">Demo</a></p>
<p><a href="http://www.deliciousthemes.com/"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/24-560x250.jpg" alt="Under Construction" title="Under Construction" width="560" height="250" class="alignleft size-large wp-image-1064" /></a></p>
<h3>Zárszó</h3>
<p>Egy következő bejegyzésben az úgynevezett &#8220;Starter&#8221; sablonokat fogom bemutatni. Ezek olyan sablonok, melyek a működéshez szükséges wordpress hívókódokkal el vannak látva, viszont css-t és képi elemeket nem, vagy csak nagyon kis részben tartalmaznak. Így a php-hoz keveset értő viszont css-ben és design-ban ügyes olvasók is el tudnak készíteni egy saját wordpress sablont, de erről majd később.</p>
<p>Remélem tetszett a gyűjtemény és mindenki talál benne számára megfelelő és használható design-t.</p>
<img src="http://feeds.feedburner.com/~r/code_art/~4/8IBRwhKOV4o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/wordpress/20-minosegi-ingyenes-wordpress-sablon.php/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/wordpress/20-minosegi-ingyenes-wordpress-sablon.php</feedburner:origLink></item>
		<item>
		<title>15+ kiváló Illustrator ecset csomag</title>
		<link>http://feedproxy.google.com/~r/code_art/~3/i3vThXTuDs4/15-kivalo-illustrator-ecset-csomag.php</link>
		<comments>http://www.code-art.hu/illustrator/15-kivalo-illustrator-ecset-csomag.php#comments</comments>
		<pubDate>Sat, 10 Apr 2010 18:59:08 +0000</pubDate>
		<dc:creator>codee47</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Brush]]></category>

		<guid isPermaLink="false">http://www.code-art.hu/?p=979</guid>
		<description><![CDATA[Az ecseteket (brush) nagyon sok mindenre használhatjuk Illustratorban és Photoshopban egyaránt. Az Illustrator előnye, hogy mindezt 100%-ban vektorosan tesszük, amit...]]></description>
			<content:encoded><![CDATA[<p>Az ecseteket (brush) nagyon sok mindenre használhatjuk Illustratorban és Photoshopban egyaránt. Az Illustrator előnye, hogy mindezt 100%-ban vektorosan tesszük, amit aztán Photoshopban szabadon nagyíthatunk, effektezhetünk stb.</p>
<p>Összegyűjtöttem egy adag ecset csomagot, melyekből sokat én is használok. Mind vektoros formátum és igen szép dolgokat készíthetünk velük.</p>
<p><span id="more-979"></span></p>
<p style="color:#cccccc;font-size:11px;text-align:center;margin:20px auto 20px auto;">Cikkünk a hirdetés után folytatódik!<br />
<script type="text/javascript"><!--
google_ad_client = "pub-3444661318084674";
/* 468x60, létrehozva 2010.04.26. */
google_ad_slot = "8916716355";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<p>Elég régóta használom már az Illustratort különböző print anyagok elkészítésére és egy ideje webdesign készítés közben is egyre gyakrabban előveszem, egy egy ikon, grafikon stb. megrajzolásához. Hogy őszinte legyek, szeretem a vektoros dolgokat, talán a pontosságuk, éles vonalvezetésük miatt.  A CS4 óta létező Vector Smart Object pedig egynémelyik esetben még jobban megkönnyíti a munkát a Photoshop és Illustrátor között. No de lássuk is azokat az ecseteket.</p>
<blockquote><p>Megjegyzés: A Vector Smart Object hasonlít a Photoshopban ismert Smart Object-re annyi különbséggel, hogy itt a réteget nem Ps-ben, hanem továbbra is Illustratorban tudjuk szerkeszteni. Én azért szeretem, mert így egy esetleges módosításkor minőségromlás nélkül tudunk dolgozni.</p></blockquote>
<h4><a href="http://www.bittbox.com/illustrator/28-free-illustrator-brushes-for-making-swooshes-and-swirls">28 Free Illustrator Brushes for making Swooshes and Swirls</a></h4>
<p><a href="http://www.bittbox.com/illustrator/28-free-illustrator-brushes-for-making-swooshes-and-swirls"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/01.png" alt="Swirl Brush" title="01" width="390" height="345" class="aligncenter size-full wp-image-980" /></a></p>
<h4><a href="http://www.bittbox.com/freebies/35-free-abstract-illustrator-brushes">35 Free Abstract Illustrator Brushes</a></h4>
<p><a href="http://www.bittbox.com/freebies/35-free-abstract-illustrator-brushes"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/02.jpg" alt="Abstract Brush" title="02" width="560" height="250" class="alignleft size-full wp-image-982" /></a></p>
<h4><a href="http://colorburned.com/2010/03/27-high-quality-paintbrush-style-illustrator-brushes-part-1.html">27 High Quality Paintbrush Style Illustrator Brushes Part 1</a></h4>
<p><a href="http://colorburned.com/2010/03/27-high-quality-paintbrush-style-illustrator-brushes-part-1.html"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/03.jpg" alt="Paint Brush" title="03" width="560" height="250" class="alignleft size-full wp-image-983" /></a></p>
<h4><a href="http://colorburned.com/2010/04/27-high-quality-paintbrush-style-illustrator-brushes-part-2.html">27 High Quality Paintbrush Style Illustrator Brushes Part 2</a></h4>
<p><a href="http://colorburned.com/2010/04/27-high-quality-paintbrush-style-illustrator-brushes-part-2.html"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/04.jpg" alt="Paint Brush" title="04" width="560" height="250" class="alignleft size-full wp-image-984" /></a></p>
<h4><a href="http://alethiologie.deviantart.com/art/Thin-Abstract-Brushes-65134836">Thin Abstract Brushes</a></h4>
<p><a href="http://alethiologie.deviantart.com/art/Thin-Abstract-Brushes-65134836"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/05.jpg" alt="Thin Brushes" title="05" width="560" height="250" class="alignleft size-full wp-image-986" /></a></p>
<h4><a href="http://xentric.deviantart.com/art/Chinese-Ink-92570373">Chinese Ink</a></h4>
<p><a href="http://xentric.deviantart.com/art/Chinese-Ink-92570373"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/06.jpg" alt="Hand drawn" title="06" width="560" height="250" class="alignleft size-full wp-image-988" /></a></p>
<h4><a href="http://www.bittbox.com/freebies/free-illustrator-brushes-inkwatercolor">Free Illustrator Brushes: Ink/Watercolor</a></h4>
<p><a href="http://www.bittbox.com/freebies/free-illustrator-brushes-inkwatercolor"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/07.jpg" alt="Ink Brush" title="07" width="560" height="250" class="alignleft size-full wp-image-990" /></a></p>
<h4><a href="http://www.creativemac.com/2003/07_jul/features/download37030711.htm">Illustrator Art Brushes</a></h4>
<p><a href="http://www.creativemac.com/2003/07_jul/features/download37030711.htm"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/08.jpg" alt="Art Brush" title="Art Brush" width="560" height="250" class="alignleft size-full wp-image-992" /></a></p>
<h4><a href="http://www.creativemac.com/2003/08_aug/features/download42030820.htm">Illustrator Brushes, Series 3</a></h4>
<p><a href="http://www.creativemac.com/2003/08_aug/features/download42030820.htm"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/09.jpg" alt="Art Brushes" title="Art Brushes" width="560" height="250" class="alignleft size-full wp-image-994" /></a></p>
<h4><a href="http://namespace.deviantart.com/art/Swirly-Curls-Sick-Brush-Kit-68762526">Swirly Curls &#8211; Sick Brush Kit</a></h4>
<p><a href="http://namespace.deviantart.com/art/Swirly-Curls-Sick-Brush-Kit-68762526"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/10.jpg" alt="Swirl Brushes" title="Swirl Brushes" width="400" height="500" class="alignleft size-full wp-image-995" /></a></p>
<h4><a href="http://namespace.deviantart.com/art/The-Hairbrush-Kit-50284325">The Hairbrush Kit</a></h4>
<p><a href="http://www.code-art.hu/blog/wp-content/uploads/2010/04/11.jpg"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/11.jpg" alt="Hair Brush" title="Hair Brush" width="560" height="250" class="alignleft size-full wp-image-997" /></a></p>
<h4><a href="http://olliesan.deviantart.com/art/Gems-Pearls-Scatter-Brushes-96126699">Pearls Scatter Brushes</a></h4>
<p><a href="http://olliesan.deviantart.com/art/Gems-Pearls-Scatter-Brushes-96126699"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/12.jpg" alt="Germ Brushes" title="Germ Brushes" width="560" height="250" class="alignleft size-full wp-image-999" /></a></p>
<h4><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&#038;loc=en_us&#038;extid=1045504">Snowflakes</a></h4>
<p><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&amp;loc=en_us&amp;extid=1045504"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/13.jpg" alt="Snowflakes" title="Snowflakes" width="560" height="250" class="alignleft size-full wp-image-1000" /></a></p>
<h4><a href="http://nrmb.deviantart.com/art/illustrator-brush-set-1-100611477">illustrator brush set</a></h4>
<p><a href="http://nrmb.deviantart.com/art/illustrator-brush-set-1-100611477"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/14.jpg" alt="Brush Set" title="Brush Set" width="560" height="250" class="alignleft size-full wp-image-1002" /></a></p>
<h4><a href="http://colorburned.com/2009/01/100_wonderful_water_color_illu.html">100 Wonderful Water Color Illustrator Brushes</a></h4>
<p><a href="http://colorburned.com/2009/01/100_wonderful_water_color_illu.html"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/15.jpg" alt="Paint Brushes" title="Paint Brushes" width="560" height="250" class="alignleft size-full wp-image-1003" /></a></p>
<h4><a href="http://colorburned.com/2008/08/the_most_retro_line_illustrato.html">160 Retro Line Illustrator Brushes</a></h4>
<p><a href="http://colorburned.com/2008/08/the_most_retro_line_illustrato.html"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/16.jpg" alt="Retro Lines" title="Retro Lines" width="560" height="250" class="alignleft size-full wp-image-1005" /></a></p>
<h4><a href="http://colorburned.com/2008/09/105_mindblowing_retro_techshap.html">105 Mind-Blowing Retro Tech-Shaped Starburst Brushes</a></h4>
<p><a href="http://colorburned.com/2008/09/105_mindblowing_retro_techshap.html"><img src="http://www.code-art.hu/blog/wp-content/uploads/2010/04/17.jpg" alt="Starburst Brushes" title="Starburst Brushes" width="560" height="250" class="alignleft size-full wp-image-1006" /></a></p>
<h3>Kapcsolódó linkek</h3>
<p>Itt egy pár link és segédlet, melyek segítségre lehetnek az Illustrator ecsetekkel kapcsolatban.</p>
<ul>
<li><a href="http://www.bittbox.com/illustrator/illustrator-load-brush-libraries-faster-cs3">Illustrator: Load Brush Libraries Faster [CS3]</a></li>
<li><a href="http://www.bittbox.com/illustrator/how-to-make-a-custom-illustrator-brush">How to Make a Custom Illustrator Brush</a></li>
<li><a href="http://veerle.duoh.com/blog/comments/creating_simple_art_brushes_in_illustrator/">Creating simple Art Brushes in Illustrator</a></li>
</ul>
<h3>Zárszó</h3>
<p>Az ecsetek mindig jól jöhetnek, így hát töltsük csak le őket és próbáljuk kategorizálni a gyűjteményünket, mivel egy idő után eléggé elszabadulhatnak a dolgok a merevlemezünkön. Találjunk ki valamijen tematikát a tárolásukra és ezután mindíg tartsuk magunkat ehhez.</p>
<img src="http://feeds.feedburner.com/~r/code_art/~4/i3vThXTuDs4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.code-art.hu/illustrator/15-kivalo-illustrator-ecset-csomag.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.code-art.hu/illustrator/15-kivalo-illustrator-ecset-csomag.php</feedburner:origLink></item>
	</channel>
</rss>
