Creare una vecchia cartolina con photoshop

 

Sito web: http://pshero.com/archives/create-an-old-envelope/

March 15, 2008 | Filed Under photoshop, tutorials | Leave a Comment 

Riflesso fotorealistico con photoshop

 

 

Sito web: http://pshero.com/archives/photorealistic-reflections/

March 15, 2008 | Filed Under photoshop, tutorials | Leave a Comment 

trick css piu usati

1. Rounded corners without images

<div id=”container”>
<b class=”rtop”>
<b class=”r1″></b> <b class=”r2″></b> <b class=”r3″></b> <b class=”r4″></b>
</b>
<!–content goes here –>
<b class=”rbottom”>
<b class=”r4″></b> <b class=”r3″></b> <b class=”r2″></b> <b class=”r1″></b>
</b>
</div>

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

2. Style your order list

<ol>
<li>
<p>This is line one</p>
</li>
<li>
<p>Here is line two</p>
</li>
<li>
<p>And last line</p>
</li>
</ol>

ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}

ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}

3. Tableless forms

<form>
<label for=”name”>Name</label>
<input id=”name” name=”name”><br>
<label for=”address”>Address</label>
<input id=”address” name=”address”><br>
<label for=”city”>City</label>
<input id=”city” name=”city”><br>
</form>

label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 75px;
padding-right: 20px;
}

br {
clear: left;
}

4. Double blockquote

blockquote:first-letter {
background: url(images/open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, “Times New Roman”, Times, serif;
}

5. Gradient text effect

<h1><span></span>CSS Gradient Text</h1>

h1 {
font: bold 330%/100% “Lucida Grande”;
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}

<!–[if lt IE 7]>
<style>
h1 span {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’gradient.png’, sizingMethod=’scale’);
}
</style>
<![endif]–>

6. Vertical centering with line-height

div{
height:100px;
}
div *{
margin:0;
}
div p{
line-height:100px;
}

<p>Content here</p>

7. Rounded corners with images

<div class=”roundcont”>
<div class=”roundtop”>
<img src=”tl.gif” alt=”"
width=”15″ height=”15″ class=”corner”
style=”display: none” />
</div>

CONTENT

<div class=”roundbottom”>
<img src=”bl.gif” alt=”"
width=”15″ height=”15″ class=”corner”
style=”display: none” />
</div>
</div>

.roundcont {
width: 250px;
background-color: #f90;
color: #fff;
}

.roundcont p {
margin: 0 10px;
}

.roundtop {
background: url(tr.gif) no-repeat top right;
}

.roundbottom {
background: url(br.gif) no-repeat top right;
}

img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}

8. Multiple class name

<img src=”image.gif” class=”class1 class2″ alt=”" />

.class1 { border:2px solid #666; }
.class2 {
padding:2px;
background:#ff0;
}

9. Center horizontally

<div id=”container”></div>

#container {
margin:0px auto;
}

10. CSS Drop Caps

<p class=”introduction”> This paragraph has the class “introduction”. If your browser supports the pseudo-class “first-letter”, the first letter will be a drop-cap. </p>

p.introduction:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
width : 1em;
}

CSS Drop Caps

11. Prevent line breaks in links, oversized content to brake

a{
white-space:nowrap;
}

#main{
overflow:hidden;
}

12. Show firefox scrollbar, remove textarea scrollbar in IE

html{
overflow:-moz-scrollbars-vertical;
}

textarea{
overflow:auto;
}

Via: http://stylizedweb.com/2008/03/12/most-used-css-tricks/

March 14, 2008 | Filed Under css, tutorials | Leave a Comment 

Sliding top con mootools

 

Step 1: HTML Code
HTML code is very simple: we have a DIV with ID "top-panel" which is the and a another layer with ID sub-panel which contains a link to slide up/dow our panel:

<div id="top-panel">
<!– Top Panel content here –>
</div>
<div id="sub-panel">
<a href="#" id="toggle"><span>Show Panel</span<</a>
</div>

…remember to add mootools framework in the page <head> tag:

<script type="text/javascript" src="mootools.svn.js"></script>

Step 2: Css code
This is only a proposal about the look of your panel, but you can customize it how you prefer:

#top-panel{
background:#e8f3c6;
border-bottom:3px solid #a6c34e;
padding:14px 20px;
text-align:right;
}
#sub-panel{
text-align:center;
}
#sub-panel a{
width:150px;
float:right;
color:#FFFFFF;
text-decoration:none;
margin-right:30px;
font-weight:bold;
background:url(img/sub-left.png) bottom left no-repeat #a6c34e;
}
#sub-panel a span{
padding:6px;
background:url(img/sub-right.png) right bottom no-repeat;
display:block;
}

Step 3: JavaScript Function
Add this simple JavaScript in the <head> tag of the page:

<script type="text/javascript">
window.addEvent(‘domready’, function(){
var mySlide = new Fx.Slide(‘top-panel’);
$(‘toggle’).addEvent(‘click’, function(e){
e = new Event(e);
mySlide.toggle();
e.stop();
});
});
</script>

Sito web: http://woork.blogspot.com/2008/03/sliding-top-panel-using-mootools_05.html

March 14, 2008 | Filed Under script ajax, tutorials | Leave a Comment 

Installare un semplice smtp nel proprio PC (Windows)

 

Un server SMTP (simple mail transfer protocol) è un servizio che permette di spedire posta elettronica con i normali programmi, come Outlook, Thunderbird, Outlook Express. Normalmente questo servizio viene fornito dal proprio provider di connettività (ADSL o modem) come Telecom Italia con Alice, Infostrada con Libero, Tele 2 e tanti altri nazionali o locali.

Può capitare, magari per lavoro, di doversi collegare alla rete di un cliente o di una struttura che non usa per la connettività lo stesso fornitore del nostro ufficio o della nostra abitazione. Quasi sicuramente, in queste condizioni, non saremo in grado di spedire la posta. Il servizio offerto dai provider per i loro clienti, infatti, è quasi sempre bloccato se lo si utilizza da linee diverse. Ad esempio, collegandosi con Alice non si potrà spedire posta con le impostazione SMTP che si utilizzano per Libero.

La soluzione più semplice ed immediata a tutti questi problemi consiste nell’ installare direttamente nel proprio PC un server SMTP personale. In questa maniera il nostro PC diventa a tutti gli effetti un vero e proprio server SMTP, che possiamo accendere quando ne abbiamo bisogno e che ci permette di essere ‘indipendenti’ dalla connessione internet che stiamo usando.

 Tra i vari software a disposizione, ne presentiamo uno non recentissimo, ma che per semplicità e leggerezza non ha uguali. Si chiama Argo Mail Server, ed è disponibile sia in versione free che a pagamento. In realtà è più di un semplice SMTP server, è in grado di gestire vere e proprie caselle di posta, ma sarà argomento di un altro articolo.

Continua a leggere su: http://www.nothing2hide.net/windows/installare-un-semplice-smtp-nel-proprio-pc-windows

March 14, 2008 | Filed Under guide per il web, tutorials | Leave a Comment 

Form Table-less con i css

 

Ottimo articolo bene commentato su: http://jeffhowden.com/code/css/forms/

oppure semplicemente:

<form>
<label for=”name”>Name</label>
<input id=”name” name=”name”><br>
<label for=”address”>Address</label>
<input id=”address” name=”address”><br>
<label for=”city”>City</label>
<input id=”city” name=”city”><br>
</form>

label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 75px;
padding-right: 20px;
}

br {
clear: left;
}

March 13, 2008 | Filed Under css, tutorials | Leave a Comment 

← Previous Page — Next Page →


Commenti recenti:


Ultimi dal forum

Selezionando contrassegno si aggiungono spese al totale
Ho inserito postepay come pagamento
Inserire metakeywords
Problemi di installazione
Scaricare correttore ortografico italiano
Vari problemi
Installazione su server remoto
Installazione
Problema aggiornamento quantità prodotti carrello
Info
Bug utente + suggerimento formattazione
Problema cancellazione dalla mailing list
Problemi login
Problemi di visualizzazione nella home page
Fireworks appiattisce livelli quando salvo in png