<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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/"
	>

<channel>
	<title>unexpected[it]</title>
	<atom:link href="http://www.unexpectedit.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.unexpectedit.com</link>
	<description>Professional IT Blog</description>
	<lastBuildDate>Sat, 12 May 2012 12:11:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>iStartup v.1.00 &#8211; Amazon Ubuntu 12.04 + EBS Volumes + Postfix Relay + PDF + GitHub</title>
		<link>http://www.unexpectedit.com/webserver/istartup-v-1-00-amazon-ubuntu-12-04-ebs-volumes-postfix-relay-pdf-github</link>
		<comments>http://www.unexpectedit.com/webserver/istartup-v-1-00-amazon-ubuntu-12-04-ebs-volumes-postfix-relay-pdf-github#comments</comments>
		<pubDate>Sat, 12 May 2012 12:10:44 +0000</pubDate>
		<dc:creator>ipascual</dc:creator>
				<category><![CDATA[Webserver]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=846</guid>
		<description><![CDATA[&#8230;following related post: iStartup v.1.00 Amazon Instance Use EBS Volumes Postfix Relay Config PDF Generator Setting up GitHub]]></description>
			<content:encoded><![CDATA[<h2> &#8230;following related post:<br />
<a href="http://www.unexpectedit.com/webserver/istartup-amazon-ubuntu-12-04-lighttpd-mongodb-mysql">iStartup v.1.00 Amazon Instance</a><br />
</h2>
<h3>Use EBS Volumes</h3>
<hr />
<pre class="brush: bash; title: ; notranslate">
# Create &amp; Attach xxGb Volume to /dev/sdf1
# Create &amp; Attach xxGb Volume to /dev/sdg1

# Use fdisk -l to find the linux devices, but it should be mapped to
# /dev/sdf1 &gt;&gt;&gt; /dev/xvdf1
# /dev/sdg1 &gt;&gt;&gt; /dev/xvdg1

mkfs.ext4 /dev/xvdf1
mkfs.ext4 /dev/xvdg1

vi /etc/fstab
/dev/xvdf1	/media/www	ext4	errors=remount-ro	0	1
/dev/xvdg1	/media/db	ext4	errors=remount-ro	0	1

mkdir /media/www
mkdir /media/db
chmod 755 /media
chmod 755 /media/www
chmod 755 /media/db

mount -a
</pre>
<h3>Postfix Relay Config</h3>
<hr />
<pre class="brush: bash; title: ; notranslate">
vi /etc/postfix/main.cf
# SMTP host relay
smtp_sasl_password_maps = hash:/etc/postfix/sasl_passwd
smtp_sasl_auth_enable = yes
smtp_sasl_security_options = noanonymous
relayhost = smtp.gmail.com:587

broken_sasl_auth_clients = yes
smtpd_recipient_restrictions = permit_sasl_authenticated,permit_mynetworks,reject_unauth_destination
smtpd_tls_auth_only = no
smtp_tls_security_level = may
smtpd_tls_security_level = may
smtp_tls_note_starttls_offer = yes
smtpd_tls_loglevel = 1
smtpd_tls_received_header = yes
smtpd_tls_session_cache_timeout = 3600s
tls_random_source = dev:/dev/urandom
# end SMTP host relay

vi /etc/postfix/sasl_passwd
smtp.gmail.com info@yoursite.com:4********o

postmap /etc/postfix/sasl_passwd
</pre>
<h3>PDF Generator</h3>
<hr / >
<pre class="brush: bash; title: ; notranslate">
# It does not require install!

# Just download the static version of wkhtmltopdf wkhtmltopdf-0.11.0_rc1-static-i386.tar.bz2 (http://code.google.com/p/wkhtmltopdf/downloads/list) and use in your project as follows:
./wkhtmltopdf-i386 --page-size A4 -d 96 -T 40 --header-spacing 30 \
'http://www.example.com/content.html' \
--header-html &quot;http://www.example.com/header.html&quot; \
'file.pdf'

# +Info: http://madalgo.au.dk/~jakobt/wkhtmltoxdoc/wkhtmltopdf_0.10.0_rc2-doc.html
</pre>
<h3>Setting up GitHub</h3>
<hr / >
<pre class="brush: bash; title: ; notranslate">
# Pull repository to the server

# * Fist time *
(please register root or user as the same of any developer)
git config --global user.name &quot;Ignacio Pascual&quot;
git config --global user.email &quot;youremail@yoursite.com&quot;
git config --global github.user repository
# (Use ~/.ssh/id_rsa.pub on github account &gt; SSH Public Keys &gt; Add another public key)
git init
git pull git@github.com:yourgitaccount/YourRepository.git

# * Any other time *
git pull git@github.com:yourgitaccount/YourRepository.git
</pre>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/webserver/istartup-v-1-00-amazon-ubuntu-12-04-ebs-volumes-postfix-relay-pdf-github/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iStartup v.1.00 &#8211; Amazon Ubuntu 12.04 + Lighttpd + MongoDB + MySQL</title>
		<link>http://www.unexpectedit.com/webserver/istartup-amazon-ubuntu-12-04-lighttpd-mongodb-mysql</link>
		<comments>http://www.unexpectedit.com/webserver/istartup-amazon-ubuntu-12-04-lighttpd-mongodb-mysql#comments</comments>
		<pubDate>Sat, 12 May 2012 11:24:28 +0000</pubDate>
		<dc:creator>ipascual</dc:creator>
				<category><![CDATA[Webserver]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=827</guid>
		<description><![CDATA[Source AMI: Amazon Ubuntu Server 12.04 LTS &#8211; 64bits Basic Lighttpd + PHP MongoDB MySQL Public AMI At this point this is the Public AMI ID: ami-fc7bdf95 Your initialization instance Download mongod]]></description>
			<content:encoded><![CDATA[<h2>Source AMI: Amazon Ubuntu Server 12.04 LTS &#8211; 64bits</h2>
<h3>Basic</h3>
<hr />
<pre class="brush: bash; title: ; notranslate">
#** System update
#********************************************************************
apt-get update

apt-get upgrade

#** Additional software
#********************************************************************
apt-get install sysv-rc-conf lynx zip wget git

#** Mail
#********************************************************************
apt-get install mailutils

# 1) Internet Site
# 2) yoursite.com

# Note: future config (dpkg-reconfigure postfix)

vi /etc/postfix/main.cf
myhostname = yoursite.com
mydestination = yoursite.com, localhost.ec2.internal, localhost
default_destination_concurrency_limit = 1
default_destination_rate_delay = 2

#** System services
#********************************************************************

sysv-rc-conf
2,3,4,5 cron
2,3,4,5 postfix

#** Setting up date
#*******************************************************
dpkg-reconfigure tzdata
# New York is 'US/Eastern'
</pre>
<h3>Lighttpd + PHP</h3>
<hr />
<pre class="brush: bash; title: ; notranslate">
sudo apt-get install lighttpd php5-cgi
sudo apt-get install php5-imap php5-mysql php5-curl php-apc php5-gd php5-mcrypt php5-xdebug php5-pgsql php-pear

# Enable the fastcgi module and the php configuration with
sudo lighty-enable-mod fastcgi
sudo lighty-enable-mod fastcgi-php

# Reload the lighttpd daemon
sudo service lighttpd force-reload

sysv-rc-conf
2,3,4,5 lighttpd

vi /etc/php5/cgi/php.ini
expose_php = Off
html_errors = On
upload_max_filesize = 8M
max_execution_time = 150

vi /etc/php5/conf.d/xdebug.ini
zend_extension=/usr/lib/php5/20090626+lfs/xdebug.so
xdebug.profiler_enable=1
xdebug.profiler_output_dir=&quot;/tmp/xprofile/&quot;
xdebug.collect_params=On
xdebug.show_local_vars=On
</pre>
<h3>MongoDB</h3>
<hr />
<pre class="brush: bash; title: ; notranslate">
# Download 64bits version lastest version from http://www.mongodb.org/downloads

# Install
tar xzvf mongodb-linux-x86_64-2.0.5.tgz
mv mongodb-linux-x86_64-2.0.5/* /usr/local/bin

# Config
vi /etc/mongodb.conf
dbpath = /media/db/mongodb/
logpath = /var/log/mongodb.log
logappend = true

# Daemon User
adduser mongodb
(any random password - we will disable login)

vi /etc/passwd (change /bin/bash to /bin/false) Disable login
mongodb:x:1001:1001:,,,:/home/mongodb:/bin/false

# Database folder
chmod 755 /media
chmod 755 /media/db
mkdir /media/db/mongodb
chown mongodb:mongodb /media/db/mongodb

!! Copy /etc/init.d/mongod file - you will find it bellow the post !!

# Logging
touch /var/log/mongodb.log
chown mongodb:mongodb /var/log/mongodb.log

# Set run levels
sysv-rc-conf
2,3,4,5 mongod
</pre>
<h3>MySQL</h3>
<hr/>
<pre class="brush: bash; title: ; notranslate">

apt-get install mysql-server php5-mysql

service mysql stop

vi /etc/mysql/my.cnf
datadir		= /media/db/mysql

mv /var/lib/mysql /media/db

vi /etc/apparmor.d/usr.sbin.mysqld
/the new patth to your database/ r,
/the new path to your database/** rwk,

service mysql start

mysql_secure_installation

sysv-rc-conf
2,3,4,5 mysql
</pre>
<h3>Public AMI</h3>
<p><strong>At this point this is the Public AMI ID: ami-fc7bdf95</strong></p>
<h3>Your initialization instance</h3>
<hr />
<pre class="brush: bash; title: ; notranslate">
#** Creating root SSH credential
#*******************************************************

#(as root)
ssh-keygen

cat ~/.ssh/id_rsa.pub

#** Setting up MySQL
#*******************************************************

mysql_secure_installation
</pre>
<p><a href="http://www.unexpectedit.com/wp-content/uploads/2012/05/mongod" target="_blank">Download mongod</a></p>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/webserver/istartup-amazon-ubuntu-12-04-lighttpd-mongodb-mysql/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Carousel with jQuery</title>
		<link>http://www.unexpectedit.com/web-design/mockup/carousel-with-jquery</link>
		<comments>http://www.unexpectedit.com/web-design/mockup/carousel-with-jquery#comments</comments>
		<pubDate>Wed, 09 May 2012 17:18:16 +0000</pubDate>
		<dc:creator>ibonne</dc:creator>
				<category><![CDATA[Mockup]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=818</guid>
		<description><![CDATA[HEADER TEMPLATE REFERENCES http://sorgalla.com/projects/jcarousel/]]></description>
			<content:encoded><![CDATA[<p>HEADER</p>
<pre class="brush: xml; title: ; notranslate">
&lt;!--jCarousel library--&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php bloginfo(&quot;&gt;&lt;/script&gt;
&lt;!--jCarousel skin stylesheet--&gt;
</pre>
<p>TEMPLATE</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div&gt;
&lt;ul class=&quot;jcarousel-skin-tango&quot;&gt;
&lt;ul class=&quot;jcarousel-skin-tango&quot;&gt;
&lt;ul class=&quot;jcarousel-skin-tango&quot;&gt;&lt;!--?php 	$postType = &quot;productos&quot;; //aquí cambias entre &quot;proyectos&quot;, &quot;aplicaciones&quot; y &quot;boletines&quot; 	$query = new WP_Query(array('post_type' =--&gt; $postType));&lt;/ul&gt;
&lt;/ul&gt;
&lt;/ul&gt;

&lt;ul class=&quot;jcarousel-skin-tango&quot;&gt;
&lt;ul class=&quot;jcarousel-skin-tango&quot;&gt; while ( $query-&gt;have_posts()): $query-&gt;the_post();&lt;/ul&gt;
&lt;/ul&gt;

&lt;ul class=&quot;jcarousel-skin-tango&quot;&gt;
&lt;ul class=&quot;jcarousel-skin-tango&quot;&gt;?&gt;&lt;/ul&gt;
&lt;/ul&gt;

&lt;ul class=&quot;jcarousel-skin-tango&quot;&gt;
&lt;ul class=&quot;jcarousel-skin-tango&quot;&gt;
	&lt;li&gt;&lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;&lt;img src=&quot;&lt;?php echo get (&quot; alt=&quot;Kent &lt;?php the_title(); ?&gt;&quot; width=&quot;75&quot; height=&quot;75&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/ul&gt;

&lt;script type=&quot;text/javascript&quot;&gt;// &lt;![CDATA[
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel();
});
// ]]&gt;&lt;/script&gt;&lt;/div&gt;
</pre>
<p><a href="http://www.unexpectedit.com/wp-content/uploads/2012/05/Screen-Shot-2012-05-09-at-5.18.33-PM.png"><img class="aligncenter size-medium wp-image-823" src="http://www.unexpectedit.com/wp-content/uploads/2012/05/Screen-Shot-2012-05-09-at-5.18.33-PM-300x114.png" alt="" width="300" height="114" /></a></p>
<p>REFERENCES</p>
<p>http://sorgalla.com/projects/jcarousel/</p>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/web-design/mockup/carousel-with-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transparent IE</title>
		<link>http://www.unexpectedit.com/web-design/mockup/transparent-ie</link>
		<comments>http://www.unexpectedit.com/web-design/mockup/transparent-ie#comments</comments>
		<pubDate>Wed, 09 May 2012 17:14:59 +0000</pubDate>
		<dc:creator>ibonne</dc:creator>
				<category><![CDATA[Mockup]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=815</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<pre class="brush: css; title: ; notranslate">
div.transparent {
   background:transparent;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
   zoom: 1;
}
</pre>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/web-design/mockup/transparent-ie/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Magic Fields</title>
		<link>http://www.unexpectedit.com/web-design/mockup/magic-fields</link>
		<comments>http://www.unexpectedit.com/web-design/mockup/magic-fields#comments</comments>
		<pubDate>Wed, 09 May 2012 16:10:16 +0000</pubDate>
		<dc:creator>ibonne</dc:creator>
				<category><![CDATA[Mockup]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=790</guid>
		<description><![CDATA[Create a new magic fields  &#62;Magic fields &#62;&#62;Add new post type TYPE: name (lowercases) LABEL: name (save) &#62;Magic fields &#62;&#62;Edit Fields/Groups &#62;&#62;&#62;Create a Field LABEL: name NAME: name (lowercases) TYPE OF CUSTOM FIELD: choose the one you need (save) Codex to display MAGIC FIELDS (QUOTATION MARKS: NAME LABEL WP) Codex to display several MAGIC FIELDS in a page]]></description>
			<content:encoded><![CDATA[<p><strong>Create a new magic fields </strong></p>
<p>&gt;Magic fields</p>
<p>&gt;&gt;Add new post type</p>
<p>TYPE: name (lowercases)</p>
<p>LABEL: name</p>
<p>(save)</p>
<p>&gt;Magic fields</p>
<p>&gt;&gt;Edit Fields/Groups</p>
<p>&gt;&gt;&gt;Create a Field</p>
<p>LABEL: name</p>
<p>NAME: name (lowercases)</p>
<p>TYPE OF CUSTOM FIELD: choose the one you need</p>
<p>(save)</p>
<p><strong>Codex to display MAGIC FIELDS</strong> (QUOTATION MARKS: NAME LABEL WP)</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div class=&quot;contact&quot;&gt;
&lt;?php echo get(&quot;aditional_text&quot;); ?&gt;
&lt;/div&gt;
</pre>
<p><strong>Codex to display several MAGIC FIELDS in a page</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;div&gt;
	&lt;?php
	$postType = &quot;projects&quot;; //change here between &quot;projects&quot;, &quot;applications&quot; and &quot;newsletter&quot;
	$query = new WP_Query(array('post_type' =&gt; $postType));
	while ( $query-&gt;have_posts()): $query-&gt;the_post();
	?&gt;
		&lt;!-- title--&gt;
		&lt;div class=&quot;descripcion&quot;&gt;
		&lt;h2&gt;&lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;
		&lt;?php the_title (); ?&gt; &lt;/a&gt;&lt;/h2&gt;

		&lt;!-- Content --&gt;
		&lt;div class=&quot;descripcion-content&quot;&gt;&lt;?php the_content(); ?&gt;&lt;/div&gt;

		&lt;!-- With this recover any additional fields as &quot;img_big&quot;, &quot;img_small&quot;, etc... --&gt;
		&lt;div class=&quot;description-img&quot;&gt;
			&lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;
			&lt;img src=&quot;&lt;?php echo get (&quot;img_small_1&quot;); ?&gt;&quot; alt=&quot;kent&quot;/&gt;&lt;/a&gt;
			&lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;
			&lt;img src=&quot;&lt;?php echo get (&quot;img_small_2&quot;); ?&gt;&quot; alt=&quot;kent&quot;/&gt;&lt;/a&gt;
		&lt;/div&gt;

			&lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
		&lt;/div&gt;
	&lt;?php endwhile; wp_reset_query(); ?&gt;
&lt;/div&gt;
</pre>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/web-design/mockup/magic-fields/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Friendly URL</title>
		<link>http://www.unexpectedit.com/web-design/mockup/tips-to-use-wordpress</link>
		<comments>http://www.unexpectedit.com/web-design/mockup/tips-to-use-wordpress#comments</comments>
		<pubDate>Wed, 09 May 2012 15:50:56 +0000</pubDate>
		<dc:creator>ibonne</dc:creator>
				<category><![CDATA[Mockup]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=782</guid>
		<description><![CDATA[Friendly to the url do the following: &#62;Settings &#62;&#62;Permanent Links &#62;&#62;&#62;custom frame (and copy this code in the box:) /%postname%]]></description>
			<content:encoded><![CDATA[<p>Friendly to the url do the following:</p>
<p>&gt;Settings</p>
<p>&gt;&gt;Permanent Links</p>
<p>&gt;&gt;&gt;custom frame (and copy this code in the box:) /%postname%</p>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/web-design/mockup/tips-to-use-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Steps to use the WordPress</title>
		<link>http://www.unexpectedit.com/web-design/mockup/steps-to-use-the-wordpress</link>
		<comments>http://www.unexpectedit.com/web-design/mockup/steps-to-use-the-wordpress#comments</comments>
		<pubDate>Wed, 02 May 2012 10:04:34 +0000</pubDate>
		<dc:creator>ibonne</dc:creator>
				<category><![CDATA[Mockup]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=765</guid>
		<description><![CDATA[Download Wordpres Rename the project Move to the folder mockup Create database MAMP Go in the browser to the url local of the project Copy the mockup en wp-contents themes twenyeleven]]></description>
			<content:encoded><![CDATA[<ol>
<li>Download Wordpres</li>
<li>Rename the project</li>
<li>Move to the folder mockup</li>
<li>Create database MAMP</li>
<li>Go in the browser to the url local of the project</li>
<li>Copy the mockup en wp-contents themes twenyeleven</li>
</ol>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/web-design/mockup/steps-to-use-the-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inherit</title>
		<link>http://www.unexpectedit.com/web-design/mockup/inherit</link>
		<comments>http://www.unexpectedit.com/web-design/mockup/inherit#comments</comments>
		<pubDate>Sat, 28 Apr 2012 17:55:49 +0000</pubDate>
		<dc:creator>ibonne</dc:creator>
				<category><![CDATA[Mockup]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=757</guid>
		<description><![CDATA[inherit characteristics for different elements]]></description>
			<content:encoded><![CDATA[<p>inherit characteristics for different elements</p>
<pre class="brush: css; title: ; notranslate">
&lt;style type=&quot;text/css&quot;&gt;
.clearer:after { display:block; content:&quot;.&quot;; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.results {}
.results .row {width: 100%; height: auto; border-top:1px solid;}
.results .odd {background: #f5f5f5;}
.results .even {background: #ffffff;}
.results .row .info {float:left; width:680px; padding:10px}
.results .row .buttons{float:right; width:150px;padding-top: 30px; padding-left;30px;}
&lt;/style&gt;
</pre>
<pre class="brush: xml; title: ; notranslate">
Travel advisors for:
&lt;h1&gt;Cappadocia&lt;/h1&gt;
&lt;div class=&quot;results&quot;&gt;
&lt;div class=&quot;row odd&quot;&gt;
&lt;div class=&quot;info&quot;&gt;&lt;img class=&quot;floatleft&quot; src=&quot;/img/icons/drinks.png&quot; alt=&quot;foto&quot; /&gt;
&lt;h2&gt;Sergio Martinez&lt;/h2&gt;
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
&lt;h4&gt;Specialities&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;buttons&quot;&gt;&lt;a class=&quot;button-small&quot; href=&quot;/auth/signup&quot;&gt;&lt;span&gt;Ask for help&lt;/span&gt;&lt;/a&gt;
&lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
 &lt;a class=&quot;button-small&quot; href=&quot;/auth/signup&quot;&gt;&lt;span&gt;View Profile&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;row even&quot;&gt;
&lt;div class=&quot;info&quot;&gt;&lt;img class=&quot;floatleft&quot; src=&quot;/img/icons/drinks.png&quot; alt=&quot;foto&quot; /&gt;
&lt;h2&gt;Sergio Martinez&lt;/h2&gt;
but also the leap into electronic typesetting, remaining essentially unchanged.
&lt;h4&gt;Specialities&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;buttons&quot;&gt;&lt;a class=&quot;button-small&quot; href=&quot;/auth/signup&quot;&gt;&lt;span&gt;Ask for help&lt;/span&gt;&lt;/a&gt;
&lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
 &lt;a class=&quot;button-small&quot; href=&quot;/auth/signup&quot;&gt;&lt;span&gt;View Profile&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
</pre>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/web-design/mockup/inherit/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Positioning of different images with only one image</title>
		<link>http://www.unexpectedit.com/web-design/mockup/positioning-of-different-images-with-one-image</link>
		<comments>http://www.unexpectedit.com/web-design/mockup/positioning-of-different-images-with-one-image#comments</comments>
		<pubDate>Sat, 28 Apr 2012 16:39:41 +0000</pubDate>
		<dc:creator>ibonne</dc:creator>
				<category><![CDATA[Mockup]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=738</guid>
		<description><![CDATA[With only a picture to different positions to see each of the images contained]]></description>
			<content:encoded><![CDATA[<p>With only a picture to different positions to see each of the images contained</p>
<p><a href="http://www.unexpectedit.com/wp-content/uploads/2012/04/icon-face1.png"><img class="aligncenter size-full wp-image-740" src="http://www.unexpectedit.com/wp-content/uploads/2012/04/icon-face1.png" alt="" width="150" height="50" /></a></p>
<pre class="brush: css; title: ; notranslate">
&lt;style type=&quot;text/css&quot;&gt;
.clearer:after { display:block; content:&quot;.&quot;; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.icon-all {padding-left:10px;}
.icon-face-text {padding-top:20px; padding-left:5px; float:left;}
.icon-face1 {background: url(icon-face1.png); background-position: 0px 0px; width:50px; height:50px; float:left;}
.icon-face2 {background: url(icon-face1.png); background-position: 100px 0px; width:50px; height:50px; float:left;}
.icon-face3 {background: url(icon-face1.png); background-position: 50px 0px; width:50px; height:50px; float:left;}
&lt;/style&gt;
</pre>
<pre class="brush: xml; title: ; notranslate">
&lt;div class=&quot;icon-all&quot;&gt;
&lt;div class=&quot;icon-face1&quot;&gt;&lt;/div&gt;
&lt;span class=&quot;icon-face-text&quot;&gt;Scare&lt;/span&gt;
&lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;icon-face2&quot;&gt;&lt;/div&gt;
&lt;span class=&quot;icon-face-text&quot;&gt;Angry&lt;/span&gt;
&lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;icon-face3&quot;&gt;&lt;/div&gt;
&lt;span class=&quot;icon-face-text&quot;&gt;Happy&lt;/span&gt;
&lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
</pre>
<p><a href="http://www.unexpectedit.com/wp-content/uploads/2012/04/faces.png"><img class="aligncenter size-full wp-image-752" src="http://www.unexpectedit.com/wp-content/uploads/2012/04/faces.png" alt="" width="137" height="165" /></a></p>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/web-design/mockup/positioning-of-different-images-with-one-image/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Conditionals IE</title>
		<link>http://www.unexpectedit.com/web-design/mockup/conditional-ie-7</link>
		<comments>http://www.unexpectedit.com/web-design/mockup/conditional-ie-7#comments</comments>
		<pubDate>Sat, 28 Apr 2012 15:09:14 +0000</pubDate>
		<dc:creator>ibonne</dc:creator>
				<category><![CDATA[Mockup]]></category>

		<guid isPermaLink="false">http://www.unexpectedit.com/?p=726</guid>
		<description><![CDATA[Target ALL VERSIONS of IE Target everything EXCEPT IE7 Target IE 7 ONLY]]></description>
			<content:encoded><![CDATA[<p><strong>Target ALL VERSIONS of IE</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;!--[if IE ]&gt;
&lt;h1&gt;APPEARS IN IE&lt;/H1&gt;
&lt;![endif]--&gt;
</pre>
<p><strong>Target everything EXCEPT IE7</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;!--[if !IE 7]&gt;
&lt;h1&gt;DOESN'T APPEAR IN IE7&lt;/h1&gt;
&lt;![endif]--&gt;
</pre>
<p><strong>Target IE 7 ONLY</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;!--[if IE 7]&gt;
&lt;h1&gt;APPEARS IN IE7&lt;/H1&gt;
&lt;![endif]--&gt;
</pre>
<div id="wpcr_respond_1"></div>]]></content:encoded>
			<wfw:commentRss>http://www.unexpectedit.com/web-design/mockup/conditional-ie-7/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

