Han lixom

Stort inlägg men ..
bättre allt på samma ställe!

Muspekare

Muspekarfunktioner/kodtestare

a:hover Prioritetsordning

Fonts Många snygga typsnitt att tanka

Fontkonverter Bästa sidan för att konvertera fonter, lätt !

Fotoeditor Gör radie på bilder bland annat ...

CSS Gradient Generator Fixa bakgrunder till menyer lätt !

Ladda upp bilder Enkelt och bra, inte som tinypic (raderar fan helatiden)

Html basics W3C DOM Jquery kod Java kod

______________________________________________

Hur har jag stylat titeln/texten för inläggen/poster? (funkar bäst i ie & mozilla..knäppt!

.post header h2 a { 
  color: #AA7F3F;
-webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,1)), 
    to(rgba(0,0,0,0.1)));
    text-shadow: -1px -1px 1px #FFFFFF,
                  -2px -2px 2px #5B2F12,
                   -3px -3px 3px #5B2F12,
                  -4px -4px 3px #5B2F12, 
                   -5px -5px 3px #5B2F12,
                    -6px 0px 0px #FFFFFF;
   -webkit-transition: all 0.30s ease-out;
   -moz-transition:    all 0.30s ease-out;
   -ms-transition:     all 0.30s ease-out;
   -o-transition:      all 0.30s ease-out;
}
  
  .post header a:hover {
  color:#820909;
  -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,1)), 
    to(rgba(0,0,0,0.2)));
    text-shadow: 1px 1px 1px #000000,
                 0px 6px 6px #00000f,
                 2px 2px 1px #AA7F3F,
                 3px 2px 2px #AA7F3F, 
                 4px 2px 2px #AA7F3F,
                 5px 3px 3px #335054,
                 5px 3px 25px #89E0E5, 
                 6px 5px 8px #F2F2F2;}

Ange färg för hovring, click, länkar, besökta länkar

@Font face, importera egna typsnitt ( fungerar överallt förutom enskilda inlägg.. inte en aning varför) ! släng in i stilmallen ;)

Hur gör man? http://www.dafont.com/ ladda ner zipfilen, plocka ut ttf och eot, lägg upp det på nätet någonstans, lägg in länken i koden .. lägg sedan till ditt eget påhittade typsnittsnamn, samma som du har i font-face, i din header eller var du vill. ta bort kod eftersom, som hör till det du ska påverka ( mkt är ivägen med färdiga mallar ). Bara ha en annan flik öppen och prova steg för steg...

Gör om de sociala knapparna

Detta ska in i inläggssida & startsida ( det du har ska bytas ut, du ser var någonstans i koden )

Lägg till opacity i stilmallen " post footer ul li. social(eller där du hittar sökvägarna?)

_____________________________________________

Visa / dölj funktion

Du ser hur jag har det i menyerna till vänster, man kan peta in vad man vill, jag valde att kasta in 3 rader
Det som står mellan ul /ul, är bara ett exempel.
Detta ska in i startsidan ( där du vill ha det)

Och detta ska in ovanför /body i startsida

Och det här någonstans i stilmallen

______________________ ______________________

Övriga utseendet i menyerna till vänster, det röda, beiga när man hovrar, och gulgröna när man trycker då?
Lång kod! Ett bra tips kan vara att öppna notepaden.

.links_body a  {
	display: block;
   font-size: 19px;
   font-style: italic;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzRjMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjN2YwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiM3ZjAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iIzNjMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(76,0,0,0.6) 21%, rgba(127,0,0,0.6) 35%, rgba(127,0,0,0.6) 60%, rgba(60,0,0,0.6) 81%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(21%,rgba(76,0,0,0.6)), color-stop(35%,rgba(127,0,0,0.6)), color-stop(60%,rgba(127,0,0,0.6)), color-stop(81%,rgba(60,0,0,0.6)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(76,0,0,0.6) 21%,rgba(127,0,0,0.6) 35%,rgba(127,0,0,0.6) 60%,rgba(60,0,0,0.6) 81%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(76,0,0,0.6) 21%,rgba(127,0,0,0.6) 35%,rgba(127,0,0,0.6) 60%,rgba(60,0,0,0.6) 81%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(76,0,0,0.6) 21%,rgba(127,0,0,0.6) 35%,rgba(127,0,0,0.6) 60%,rgba(60,0,0,0.6) 81%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(76,0,0,0.6) 21%,rgba(127,0,0,0.6) 35%,rgba(127,0,0,0.6) 60%,rgba(60,0,0,0.6) 81%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

border-radius: 15px;
   line-height: 20px;
   padding: 12px;
}

.links_body a:link {color:#ffffff;}
.links_body a:visited { color: #0B27C6;}
.links_body a:hover { color: #46FC0F; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYjdhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzhjMzMxMCIgc3RvcC1vcGFjaXR5PSIwLjQ0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzg4MzAwZSIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjN2IyNjA1IiBzdG9wLW9wYWNpdHk9IjAuMyIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiM3NTIyMDEiIHN0b3Atb3BhY2l0eT0iMC41MSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmY2ZTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(240,183,161,1) 0%, rgba(140,51,16,0.44) 27%, rgba(136,48,14,0.3) 34%, rgba(123,38,5,0.3) 60%, rgba(117,34,1,0.51) 72%, rgba(191,110,78,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,183,161,1)), color-stop(27%,rgba(140,51,16,0.44)), color-stop(34%,rgba(136,48,14,0.3)), color-stop(60%,rgba(123,38,5,0.3)), color-stop(72%,rgba(117,34,1,0.51)), color-stop(100%,rgba(191,110,78,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,183,161,1) 0%,rgba(140,51,16,0.44) 27%,rgba(136,48,14,0.3) 34%,rgba(123,38,5,0.3) 60%,rgba(117,34,1,0.51) 72%,rgba(191,110,78,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,183,161,1) 0%,rgba(140,51,16,0.44) 27%,rgba(136,48,14,0.3) 34%,rgba(123,38,5,0.3) 60%,rgba(117,34,1,0.51) 72%,rgba(191,110,78,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,183,161,1) 0%,rgba(140,51,16,0.44) 27%,rgba(136,48,14,0.3) 34%,rgba(123,38,5,0.3) 60%,rgba(117,34,1,0.51) 72%,rgba(191,110,78,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,183,161,1) 0%,rgba(140,51,16,0.44) 27%,rgba(136,48,14,0.3) 34%,rgba(123,38,5,0.3) 60%,rgba(117,34,1,0.51) 72%,rgba(191,110,78,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-8 */}

.links_body a:active { color:#ffff00; background: rgb(76,76,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzQ3ZmYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(71,255,15,1) 13%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(13%,rgba(71,255,15,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(71,255,15,1) 13%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(71,255,15,1) 13%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(71,255,15,1) 13%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(71,255,15,1) 13%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
}

______________________
______________________
Popup, utan extern ram, eller du väljer själv hur tjock ramen ska vara, skugga m.m..

Det här ska in startsidan, jag har det längst ner och det funkar utmärkt.

class="close"><img src="http://www.cmstricks.com/assets/images/close.png"

class="btn_close" title="Dorsia tomorrow?" alt="Close" /></a>'); 
var popMargTop = ($('#' + popID).height() + 80) / 2.0; 
var popMargLeft = ($('#' + popID).width() + 80) / 2.0; 
//Apply Margin to Popup 
$('#' + popID).css({ 
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft 
}); 
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade

layer - .css({'filter' : 'alpha(opacity=80)'}) 
return false; 
}); 
$('a.close, #fade').live('click', function() { 
$('#fade , .popup_block').fadeOut(function() { 
$('#fade, a.close').remove(); //fade them both out 
}); 
return false; 
}); 
});

Längst ner i startsida (ovanför /html), har lagt in en player och en bild, använd fantasin :)

Och det här in i stilmall, var som helst, längst ner eller längst upp är väl att föredra.

I den här ändrar du popupens storlek i första värdet.. annat tips är att du kan göra den till en egen div, skickar med det som exempel under det...
När du gjort det måste du lägga in något i stilmallen som påverkar denna, påsåvis kan du isolera den från alla andra grejer i bloggen, flytta runt texten exakt vart du vill.

___________________________________________________

Custom smileys, smilisar eller vad du vill kalla det.

Gjorde ett eget set, tog lite tid att klura ut och med lite hjälp gick det :)

Det här ska in i inläggssida, ovanför endif längst ner ....& kolla igenom det själv lite! du kanske kan prova att ersätta allt från commentform och neråt, förutom endif %

<form class="commentform" action="http://comment.publishme.se/"

name="commentForm" method="post" onsubmit="doSubmit(this)">
    <fieldset>
      <input type="hidden" name="commentid" value="{{ blog.site_id }};{{ entry.id

}}" />
      <font size="3" font face="Arial"><legend></legend>
      <p>
        <label for="author">Ange diagnoser du har </label>
        <input type="text" id="author" name="author" onchange="doChange(this)"

value="" size="42" maxlength="255" />
       
      </p>
      <p>
        <label for="email">Mail (publiceras ej, eller vem vet, kanske!??)

</label>
        <input type="text" name="email" id="email" onchange="doChange(this)"

value="" size="42" maxlength="255" />
      </p>
      <p>
        <label for="url">Ange adress virus och trojanska hästar ska skickas

till</label>
        <input type="text" name="url" id="url" onchange="doChange(this)"

value="http://www." size="42" maxlength="255" />
      </p></font>
      
      </p>
      </fieldset>
<script type="text/javascript" language="javascript"><!--
function ChgText(smil)
{
var MyElement = document.getElementById("kommentarer");
if (smil == '1'){
MyElement.value = MyElement.value + "Yourock";}
else if (smil == '2'){
MyElement.value = MyElement.value + "Skithög";}
else if (smil == '3'){
MyElement.value = MyElement.value + "Innocent";}
else if (smil == '4'){
MyElement.value = MyElement.value + "Rocka";}
else if (smil == '5'){
MyElement.value = MyElement.value + "Whistle";}
else if (smil == '6'){
MyElement.value = MyElement.value + "Wow";}
else if (smil == '7'){
MyElement.value = MyElement.value + "Thumbup";}
else if (smil == '8'){
MyElement.value = MyElement.value + "Thumbdown";}
else if (smil == '9'){
MyElement.value = MyElement.value + "xD";}
else if (smil == '10'){
MyElement.value = MyElement.value + "Oo";}
else if (smil == '11'){
MyElement.value = MyElement.value + ":)";}
else if (smil == '12'){
MyElement.value = MyElement.value + ":(";}
else if (smil == '13'){
MyElement.value = MyElement.value + ":P";}
else if (smil == '14'){
MyElement.value = MyElement.value + ";)";}
else if (smil == '15'){
MyElement.value = MyElement.value + "S)";}
else if (smil == '16'){
MyElement.value = MyElement.value + "Sad";}
else if (smil == '17'){
MyElement.value = MyElement.value + ":I";}
else if (smil == '18'){
MyElement.value = MyElement.value + "Rolleyes";}
else if (smil == '19'){
MyElement.value = MyElement.value + "Shame";}
else if (smil == '20'){
MyElement.value = MyElement.value + "Mad";}

return true;
}

//--></script> 
<img src="https://encrypted-tbn2.gstatic.com/images?

q=tbn:ANd9GcRs2MzqDkWQXYkJGAGok5I8lH2a_YcRTR7SSZsPxOITRUPU9hZD" alt="Yourock"

onclick="ChgText(1)" />
<img src="http://www.clipartof.com/images/emoticons/xsmall2/714_full_of_crap.gif"

alt="Skithög" onclick="ChgText(2)" />
<img src="https://encrypted-tbn3.gstatic.com/images?

q=tbn:ANd9GcS8dBDYvISKKjN6l6eGIRKY8Z4-tlevwqUSsw_FuXqp_4tkB-0VdQ" alt="Innocent"

onclick="ChgText(3)" />
<img src="http://kolozzeum.com/forum/images/smilies/buttrock.gif" alt="Rocka"

onclick="ChgText(4)" />
<img src="http://www.smiley-faces.org/smiley-faces/smiley-face-whistle-2.gif"

alt="Whistle" onclick="ChgText(5)" />
<img src="http://www.914world.com/bbs2/html/emoticons/smiley_notworthy.gif"

alt="Wow" onclick="ChgText(6)" />
<img

src="http://www.christianmums.com/forum/public/style_emoticons/default/thumbs-

up-smiley%5B1%5D.gif" alt="Thumbup" onclick="ChgText(7)" />
<img src="http://www.bloggdesign.nu/smilys/set1/19.gif" alt="Thumbdown"

onclick="ChgText(8)" />
<img src="http://upload.wikimedia.org/wikipedia/commons/c/cd/Smiley-XD.gif"

alt="xD" onclick="ChgText(9)" />
<img src="http://www.bloggdesign.nu/smilys/set1/17.gif" alt="Oo"

onclick="ChgText(10)" />
<img src="http://bloggdesign.nu/smilys/set3/1/1.gif" alt=":)" onclick="ChgText

(11)" />
<img src="http://bloggdesign.nu/smilys/set3/1/2.gif" alt=":(" onclick="ChgText

(12)" />
<img src="http://bloggdesign.nu/smilys/set3/1/3.gif" alt=":P" onclick="ChgText

(13)" />
<img src="http://bloggdesign.nu/smilys/set3/1/6.gif" alt=";)" onclick="ChgText

(14)" />
<img src="http://bloggdesign.nu/smilys/set3/1/7.gif" alt="S)" onclick="ChgText

(15)" />
<img src="http://bloggdesign.nu/smilys/set3/1/8.gif" alt="Sad" onclick="ChgText

(16)" />
<img src="http://bloggdesign.nu/smilys/set3/1/9.gif" alt=":|" onclick="ChgText

(17)" />
<img src="http://bloggdesign.nu/smilys/set3/1/11.gif" alt="Rolleyes"

onclick="ChgText(18)" />
<img src="http://bloggdesign.nu/smilys/set3/1/13.gif" alt="Shame"

onclick="ChgText(19)" />
<img src="http://x.myspace.com/images/blog/smileys/irritated.gif" alt="Mad"

onclick="ChgText(20)" />

<br />
<textarea name="content" id="kommentarer" onchange="doChange(this)" cols="52"

rows="6" onFocus="this.value=''; this.onfocus=null;">Skriv exakt vad du vill. No

limits ftw ! !

Bli ihågkommen? _____________________________
_____________________________

Slideshow, upp till 9 bilder - så vitt jag vet

Det här ska in i stilmall

Det här ska in ovanför /head, startsidan.(har rensat den från skit så gott jag kunnat)

"," + msStart + "," + fromO + "," + toO + ")",10);
}
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
var foreground=document.getElementById(foregroundID);
if (foreground.timer) window.clearTimeout(foreground.timer);
if (backgroundID)
{
var background=document.getElementById(backgroundID);
if (background)
{
if (background.src)
{
foreground.src = background.src;
SetOpacity(foreground,100);
}
background.src = newImage;
background.style.backgroundImage = 'url(' + newImage + ')';
background.style.backgroundRepeat = 'no-repeat';
var startMS = (new Date()).getTime();
foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "'," +

FadeDurationMS + "," + startMS + ",100,0)",10);
}
} else {
foreground.src = newImage;
}
}
var slideCache = new Array();
function RunSlideShow(pictureID,backgroundID,imageFiles,displaySecs)
{
var imageSeparator = imageFiles.indexOf(";");
var nextImage = imageFiles.substring(0,imageSeparator);
if (slideCache[nextImage] && slideCache[nextImage].loaded)
{
FadeInImage(pictureID,nextImage,backgroundID);
var futureImages = imageFiles.substring(imageSeparator+1,imageFiles.length)
+ ';' + nextImage;
setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+futureImages

+"',"+displaySecs+")",
displaySecs*1000);
// Identify the next image to cache.
imageSeparator = futureImages.indexOf(";");
nextImage = futureImages.substring(0,imageSeparator);
} else {
setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+imageFiles

+"',"+displaySecs+")",
250);
}
// Cache the next image to improve performance.
if (slideCache[nextImage] == null)
{
slideCache[nextImage] = new Image;
slideCache[nextImage].loaded = false;
slideCache[nextImage].onload = function(){this.loaded=true};
slideCache[nextImage].src = nextImage;
}
}
</script><head>
<script

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
<script src="fadeslideshow.js">
 
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library

(www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s

more
***********************************************/
<script>var slide1foldername='';</script><script charset="utf-8"

src="slide1.js"></script>
</script>
 
<script>
 
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect

dimensions of largest image
imagearray: [
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>

Det här klistrar du in var du vill att bilden ska placeras, jag har den till ex under min section profile

Var noga med storleken, tänk också på att den sektion du lägger in själva koden i, där du vill ha bilden synlig ... dess mått i stilmallen ska stämma överens med widht & height på måtten i denna kod ( bortsett från där måtten är angivna [ 250, 180 ], dom har jag försökt ändra till rätt men det blir bara fel varje gång.
Se till att alla bilder är i samma mått, och som sagt, att måtten stämmer överens mellan startsida och stilmall för dess sektion .. annars kommer det börjar bli konstigt. En sista grej som är värd att nämna. Det verkar som man bara kan köra 9 bilder max, och att siffran efter alla bilder ska stämma överens med antalet bilder ( inkl den första som är upprepad ).

Terése Bouvier säger:

2014-01-10 | 15:34:19
Bloggadress: http://bouvierbaby.se

Roliga tips. Har faktiskt tänkt att fixa med smiley för de som kommenterar och en rolig muspekare, så det skall jag nog dra igång med när jag känner att jag har tid :)

Svar: Kul du tyckte det :) Har redan lagt till en ny grej, sociala knapparna har jag gjort om igen, men du kan alltid byta ut sökvägarna, lägga in helt random bilder på ca 70px som mest.
Märkte när jag gick in på din sida btw att det laddas in många poster. Kolla efter entries in entries, det ska vara inställt på [20 nånting] ändra till typ 5. Går snabbare för dina läsare då :) men en nackdel med att göra så är att det verkar bli random efter i inläggen, som att det går efter katalogordning istället för postordning.

Han lixom

2014-01-10 | 17:48:40
Bloggadress: http://bouvierbaby.se

Svar: Jag vill att många poster skall laddas, det var många (inklusive mig själv) som tyckte det var jobbigt att leta sig fram till äldre inlägg när det var få poster på startsidan. Skriver ju ofta fler än ett inlägg per dag, så är en inte inne så ofta blir det svårt att hänga med om en inte bara kan scrolla sig snabbt nedåt... Men samtidigt håller jag med. På de flesta bloggar man är inne på så är det trevligare med färre inlägg på startsidan :)

Svar: Jao :) Det är bra på sätt o vis, tog inte mer än 5sek för mig att ladda in allt. Jag trodde du inte hade gjort så bra med kategorierna .. hela din sida tycker jag är bra gjord, men placeringen av kategorierna är låångt ner :D