Mi a fene ez?

Mi a fene ez?

Semmi különös, itt próbálom ki a cuccokat, mielőtt beteszem a többi blogomba... Ha jól működik, fent hagyom, hogy érte jöhessek, ha szükségem van rá máskor, de hogyha tetszik, nyugodtan viheted Te is! De mielőtt bármibe kezdenél, olvasd el a Tanácsokban leírtakat a modulok és sablonok sikeres használatának érdekében!

Közlemény!

Először is: sajnálom, ha nem válaszoltam a kommentedre, de sokáig nem jöttem a blogra, elnézést! Másodszorra pedig, mint láthatod új külsőt kreáltam a próbajáratnak, ezért néhány dolog lehet, hogy nem működik - hiába van feltüntetve néhány kódnál, hogy a demó látható az oldalon valahol -, mivel a sabloncserével néhány később hozzáadott kódrészlet törlődött. Majd pótolom lassanként.

Köszönöm megértésedet és türelmedet,
von Birken


Az oldal mentése PDF-be

2010. szeptember 11., szombat

Related posts - Kapcsolódó bejegyzések

Megjeleníti a blogban a bejegyzésekhez kapcsolódó, hasonló további bejegyzéseket a címkék alapján.

 Itt láthatod, miről is van szó.

Ha tetszik, lépj be a sablonszerkesztőbe (Tervezés > HTML-kód szerkesztése), és ott jelöld be a Vezérlősablonok kibontása négyzetet.

Keresd a következőt:

</head>

És cseréld le ezzel:


<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;

}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent urlundefinedhttp://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>

<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>

<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->
</head>

Ha meg akarod változtatni a fölötte megjelenő feliratot, írd át a pirossal jelölt szöveget tetszésed szerint ebben a kóddarabban: 

var relatedpoststitle="Related Posts"

Ha ezzel megvagy, keresd meg ezt:


post-footer-line-1


És közvetlenül utána illeszd be az alábbi kódot:

<!-- Related Posts Code Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>

<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicatesundefined); printRelatedLabelsundefined&quot;<data:post.url/>&quot;);
</script>
</div>

<!--Remove--></b:if>
<!-- Related Posts Code End-->

Az alábbi részletben a számot átírva szabályozhatod, mennyi linket mutasson a modul a posztjaid alatt:




var maxresults=5;

Végül, ha azt szeretnéd, ha a főoldalon is megjelennének a kapcsolódó bejegyzések, töröld a két hosszú kódból a kékkel kiemelt részeket. 



Összességükben ezek azok, ezeket kell keresni és törölni


az első kódból:
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Remove--></b:if>
a második kódból: 
 <!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
 <!--Remove--></b:if>



Nézd meg előnézetben, nem jelez-e hibát, ha minden oké, mentsd a sablonodat.



2010. augusztus 29., vasárnap

Segítség Oximoronnak 2. - Rating (Csillagok) megjelenítése, ha nem működik alapból

Legelőször is lépj be a sablonod HTML-szerkesztőjébe, és jelöld be a Vezérlősablonok kibontása négyzetet.

És most keresd meg ezt a jó hosszú kódrészletet:

<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'>&#160;</span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/>

És cseréld le az egészet a következővel:

<!-- feed links -->
<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.loadundefined&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initializeundefined) {
google.annotations.setApplicationIdundefined<data:top.blogspotReviews/>);
google.annotations.createAllundefined);
google.annotations.fetchundefined);
}
google.setOnLoadCallbackundefinedinitialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/>


Ezután keresd meg ezt:

<p class='post-footer-line post-footer-line-3'/>

És közvetlen utána másold be ezt:

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

Nézd meg Előnézetben, nem jelez-e hibát. (Ha a Tervezés oldalon már bejelölted, hogy mutassa a csillagokat - gondolom, igen -, akkor láthatod őket a poszt alján.)

Ha minden oké, mentheted.

2010. augusztus 27., péntek

Segítség Oximoronnak - A megosztás-gombok megjelenítése, ha nem működik alapból

Úgy döntöttem, inkább posztban, mint kommentben küldöm Neked a megoldást, Oximoron, mert így jobban el tudom magyarázni.

Akkor tehát:

Először is lépj be a sablonod HTML-szerkesztőjébe, és jelöld be a Vezérlősablonok kibontása négyzetet.

Keresd ki a kódban ezt:

<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>


 Ha megvan, csak másold közvetlen a </span> után akövetkezőt:


<div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div> 

Nézd meg Előnézetben, s ha nem ír ki hibát, láthatod a gombokat a poszt alján.
Mentsd a sablonodat, és készen vagy.

2010. augusztus 22., vasárnap

Automatikus "Read More" 2.

Ezen alkalmazást használva nem látszik a bejegyzés részletben a teljes posztban szereplő kép.

Első lépésben meg kell keresned és kimásolnod valahová a blogID-det. 
Menj a Bejegyzések szerkesztése fülre, és a címsorban meg is találod.


Az a hosszú számsor lesz a végén.

Ha ezt kimásoltad - a sajátodét természetesen -, lépj be a sablonszerkesztődbe, és jelöld be a Vezérlőelemek kibontása négyzetet. 

Majd keresd meg ezt a kódot:

 <data:post.body/>

És cseréld le ezzel:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'/>
<script type='text/javascript'>
var blogID = &quot;937920098338306331&quot;;
function retriveSummaryPost<data:post.id/>undefinedjson){document.getElementByIdundefined&quot;summary<data:post.id/>&quot;).innerHTML
= json.entry.summary.$t + &quot;...&quot;}
function createSummaryPost<data:post.id/>undefinedPOSTID){ var script =
document.createElementundefined&quot;script&quot;);
script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;;
script.type = &quot;text/javascript&quot;; document.getElementsByTagNameundefined&#39;head&#39;)[0].appendChildundefinedscript);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>undefined&quot;<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt;Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'><data:post.body/></div>
</b:if>  

Végül a pirossal kiemelt számsort cseréld ki avval, amit az előbb kimásoltál, és mentsd a sablont.

Néhány ReadMore gomb

http://i643.photobucket.com/albums/uu153/nirav07/black-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/black.png
http://i643.photobucket.com/albums/uu153/nirav07/black1.gif
http://i643.photobucket.com/albums/uu153/nirav07/blue-dark.gif
http://i643.photobucket.com/albums/uu153/nirav07/blue-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/blue.png

http://i643.photobucket.com/albums/uu153/nirav07/blue1.gif
http://i643.photobucket.com/albums/uu153/nirav07/bluish.png
http://i643.photobucket.com/albums/uu153/nirav07/brown.gif
http://i643.photobucket.com/albums/uu153/nirav07/dark-bluish.png
http://i643.photobucket.com/albums/uu153/nirav07/dark-grey.gif
http://i643.photobucket.com/albums/uu153/nirav07/dark-orange.gif
http://i643.photobucket.com/albums/uu153/nirav07/dark-purple.gif
http://i643.photobucket.com/albums/uu153/nirav07/green.png
http://i643.photobucket.com/albums/uu153/nirav07/green1.gif
http://i643.photobucket.com/albums/uu153/nirav07/greenish.png
http://i643.photobucket.com/albums/uu153/nirav07/grey-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/grey.png
http://i643.photobucket.com/albums/uu153/nirav07/grey1.gif
http://i643.photobucket.com/albums/uu153/nirav07/light-blue.png
http://i643.photobucket.com/albums/uu153/nirav07/light-orange.gif
http://i643.photobucket.com/albums/uu153/nirav07/orange.png
http://i643.photobucket.com/albums/uu153/nirav07/original.gif
http://i643.photobucket.com/albums/uu153/nirav07/pink.png
http://i643.photobucket.com/albums/uu153/nirav07/purple-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/purple.png
http://i643.photobucket.com/albums/uu153/nirav07/purple1.gif
http://i643.photobucket.com/albums/uu153/nirav07/red-dark.gif
http://i643.photobucket.com/albums/uu153/nirav07/red-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/red.png
http://i643.photobucket.com/albums/uu153/nirav07/red1.gif

Automatikus "Read More" 1.

Lépj be a blogod sablonszerkesztőjébe.

Tervezés > HTML-kód szerkesztése > Jelöld be a Vezérlő sablonok kibontása négyzetet.

Keresd meg:

</head>
És másold be elé a következő kódot:

<SCRIPT type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 500; summary_img = 400; img_thumb_height = 130; img_thumb_width = 281; </SCRIPT> <SCRIPT src='http://www.smashingtips.com/wp-content/uploads/2009/05/read-more.js' type='text/javascript'/>
 Második lépésben keresd ki ezt:

<p><data:post.body/></p>
És cseréld le az alábbi kóddal:

<b:if cond='data:blog.pageType == &quot;item&quot;'><p><data:post.body/></p><b:else/><DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumbundefined&quot;summary<data:post.id/>&quot;);</SCRIPT> <div style='clear: both;'/> <div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a expr:href='data:post.url' rel='bookmark'><img src='http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png'/></a></span></div></b:if>
Nézd meg előnézetben, nem ír-e hibát, és láthatod, kb. hogy néz ki. Azért kb., mert még ezt formázhatjuk is.

Ha van kép a posztodban, látható a bejegyzés részletben is, de nem biztos, hogy megfelelő a kép formája, de ezt megváltoztathatod.

Keresd ki a var thumbnail_mode = "no-float" részt, és a no-float-ot írd át float-ra. 
Az img_thumb_height = 130 rész mutatja, a bejegyzésrészletben megjelenő kép magasságát. Az img_thumb_width = 281 pedig a szélességét. A számokat írd át tetszés szerint a kép méretének változtatásához. 

summary_noimg = 500 - Ilyen hosszú szöveg jelenik meg, ha nincs kép a posztban (500 karakternyi).
summary_img = 400 - És ennyi, ha van (400 karakter).
Itt is tetszés szerint átírhatók a számok.

http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png - Ez a kép jelenik meg a bejegyzésrészlet alatt, amelyre kattintva olvashatóvá válik a teljes poszt. Ezt kicserélheted másik képre, ha nem tetszik. (A Google képkeresőbe írd: Read more button, és kidob egy rakás gombot, amikből választhatsz; vagy akár készíthetsz magadnak egyedit.)

Ha elkészültél, mentsd a sablont.

2010. augusztus 1., vasárnap

Ugrás a lap tetejére 2.

(A denevér lesz az a sarokban. Tekerd le az oldalt, majd klikk a denevérre!)

Elkészítés:

Nyisd meg a sablonszerkesztőt, és keresd az alábbit:

]]></b:skin>

Elé pedig ezt illeszd be:

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

Most ezt keresd:

</body>

És másold be elé ezt:

<a href="#" id="backtotop"><img src="IDE jön az általad választott kép URL-je" alt="back to top" /></a>

Végezetül keresd:


<head>


Utána illeszd ezt:


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>


Mentsd a sablont, és kész!

2010. július 23., péntek

Medieval Book

Demo
Letöltés

2010. július 9., péntek

A blog automatikus frissítése

Ha az alábbi kódot beilleszted a sablonod
<head>
része után, a blogod automatikusan frissíteni fog az általad megadott időközönként.

Kód:
<meta http-equiv="refresh" content="5" /> 


A frissítések gyakoriságának beállítása:

A content="5" kódrészletben a szám határozza meg, hány másodpercenként frissüljön az oldal. Írd át a számot tetszés szerint. Pl. ha tíz percenként szeretnéd, ha frissülne az oldalad, írj az idézőjelek közé 600-at...

Mentsd!

Villogó szöveg

Demo:


Itt villog!

Kód:

<blink>Itt villog!</blink>


Megjegyzés:

Biztosan csak FireFoxszal működik!

Mozgó szöveg a bejegyzésben 3. - A mozgás ütemének megváltoztatása

Demo:


scrolldelay=5

Mozgó szöveg

scrolldelay=500

Mozgó szöveg

Kód:

<marquee bgcolor=transparent width=200 height=20 direction=right behavior=alternate scrolldelay=5> Mozgó szöveg </marquee>


A mozgás ütemének gyorsításához vagy lassításához változtasd meg a srolldelay= után szereplő számot. Az egyéb változtatási lehetőségeket >>>ITT<<< tekintheted meg.

Mozgó szöveg a bejegyzésben 2. - A sebesség változtatása

Demo:


srollamount=5

Mozgó szöveg

scrollamount=50

Mozgó szöveg

Kód:

<marquee bgcolor=transparent width=200 height=20 direction=right behavior=alternate scrollamount=5> Mozgó szöveg </marquee>


A szöveg gyorsításához vagy lassításához változtasd meg a srollamount= után szereplő számot. Az egyéb változtatási lehetőségeket >>>ITT<<< tekintheted meg.

Mozgó szöveg a bejegyzésben 1.

Demo:

Mozgó szöveg

A kód:

<marquee direction="right" behavior="alternate" bgcolor="transparent" height="20" width="200"> Mozgó szöveg</marquee>

Változtathatod:

bgcolor (a szöveg háttere): Az idézőjelek közé írd be a választott szín angol nevét (blue, black, white, orange, stb. A transparent az átlátszó szín jelölésére szolgál, ezt használtam a demóban is.)

height (a doboz magassága, amelyben a szöveg mozog): Ha föl-lemozgó szöveget szeretnél, vagy nagy betűkkel írod, ezt át kell állítanod, hogy legyen helye (a 20 NEM elég!)

width (a doboz szélessége): Tetszés és szükség szerint állítandó. Mennél nagyobb számot adsz meg, a szöveg annál nagyobb területen "szaladgál". De mindenképpen szélesebbnek kell lennie a szöveg hosszánál, különben nem tud benne mozdulni a "falaktól".

direction (a szöveg mozgásának iránya): Ez lehet: right (jobb), left (bal), up (föl), down (le)

A Mozgó szöveg feliratot írd át a kívánt szövegre.

2010. július 8., csütörtök

Horgonyokkal való hivatkozás - oldalon belül

Elsőre talán bonyolultnak tűnhet, de nem az - csak meglehet, én fogalmazok túl körülményesen -, figyeld jól a színeket, úgy egyszerűbb.

Tehát a dologét részből áll.

A hivatkozott lapon, a megfelelő helyen kell legyen egy könyvjelző (a horgony):

<a name="A horgony neve"></a>

Ezt a kódot kell beszúrni a szövegbe (HTML-nézetben), az elé a szó elé, ahová akarod, hogy a hivatkozás mutasson. Ez a cél, ide fog vinni a hivatkozás.

Hivatkozni pedig ezzel a kóddal kell:

<a href="Az oldal URL-je#A horgony neve">Link</a>


Ezt az elé a szó elé kell illeszteni, amelyikre kattintva azt akarod, hogy a horgonyozott szöveghez vigyen.

A pirossal kiemelt részekben fontos, hogy ugyanaz a szó (a horgony neve) álljon. Ez bármilyen tetszőleges szöveg lehet. Ez nem fog látszani a kész bejegyzésoldalon.

A kékbe az oldal/bejegyzés URL-címét másold, ahol a hivatkozás van. NE CSAK A BLOG CÍMÉT! Pl.: http://valami.blogspot.com Ez így NEM jó! Adj címet a bejegyzésednek, mentsd el, nézd meg a kész jegyzetet, és a címsorban lévő jó hosszú URL-t másold ki. Na, az kell nekünk.

Ennek a bejegyzésnek a címe pl. így néz ki:

http://proba-jarat.blogspot.com/2010/07/horgonyokkal-valo-hivatkozas-oldalon.html

A lilába pedig azt a szót, amire klikkelve eljutsz a horgonyozott szöveghez. Ez lehet pl. a mondat első szava. Ezt a szót vágd ki a szövegből, és tedd a lila részbe. Azért ne írd be pl. így:
<a href="Az oldal URL-je#A horgony neve">Lorem</a>Lorem  ipsum dolor sit amet, consectetur adipiscing elit. Etiam interdum ultrices sem quis laoreet.
, mert akkor duplán fog szerepelni a választott szó a szövegedben, ugyanis ez látszik a kész bejegyzésoldalon.

Itt kipróbálhatod, hogyan működik:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam interdum ultrices sem quis laoreet. Aenean bibendum sodales nisi quis luctus. Maecenas congue malesuada odio et auctor. Quisque eu magna vel sapien pretium venenatis sed in justo. Mauris volutpat, ante nec consectetur rutrum, orci turpis egestas ante, at interdum augue nisl at ipsum. Nunc aliquam tincidunt ante vel convallis. Curabitur euismod, velit eget tempor pretium, neque eros iaculis lorem, sed ullamcorper enim velit at purus. In hac habitasse platea dictumst. Sed feugiat placerat neque, vitae cursus metus bibendum et. Aenean malesuada cursus massa id malesuada. Sed fringilla suscipit sapien ac pharetra.

Vivamus cursus consequat felis, non rhoncus sapien viverra in. Mauris sed dolor tortor. Nulla quis elit nibh, id rhoncus metus. Phasellus at luctus justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam in laoreet eros. Maecenas aliquet est eget elit posuere quis lobortis odio aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur euismod, ligula dignissim varius auctor, urna leo mattis nisl, sit amet tincidunt neque sem in purus. Proin arcu lacus, blandit et porta pulvinar, dignissim et eros. Curabitur in ligula lectus, a condimentum tellus. Cras dolor leo, ornare a ultrices vel, ornare et lacus.

Vivamus ultricies viverra dolor sed blandit. Proin eleifend egestas sem ac rutrum. Etiam nec dolor sem. Nullam suscipit nisl eget leo tempor imperdiet. Praesent venenatis hendrerit libero at iaculis. Vestibulum bibendum vulputate erat vel lobortis. Etiam id faucibus turpis. Integer dolor nisi, feugiat in cursus non, pulvinar ac felis. Sed eget tellus vel odio convallis porta eu ut nulla. Praesent dui metus, pulvinar vel gravida et, ullamcorper ut nisi. Praesent vel erat et ipsum tempor euismod eu vel mi. Phasellus dignissim nisi at ante blandit pellentesque. Etiam pulvinar sem eu erat tempor venenatis.

Donec vehicula iaculis erat, eget egestas erat condimentum ac. Mauris pharetra vestibulum diam eu facilisis. Curabitur nisl metus, ultrices eget accumsan sit amet, pellentesque ut magna. Etiam commodo porta nisi, sit amet luctus sapien hendrerit nec. Aliquam semper nisl sed erat tincidunt et convallis diam rutrum. Morbi ut risus sapien, non hendrerit risus. Vestibulum mollis, urna a aliquet interdum, velit mi imperdiet sem, eu suscipit nunc est a massa. Cras egestas convallis nisl in laoreet. Phasellus dignissim consectetur tincidunt. Nullam dapibus molestie sollicitudin.

Curabitur sed augue ac mi adipiscing consequat et sit amet lectus. Maecenas tincidunt ullamcorper leo, eget vehicula ante adipiscing venenatis. Proin ut mi felis. Suspendisse tristique neque eget urna tincidunt pretium. Aenean odio urna, porta sed aliquet aliquam, ullamcorper bibendum dolor. Donec sodales scelerisque justo et tempus. Aliquam nec mi risus. Mauris eget consectetur ligula. Donec ornare dictum varius. Nam vel libero libero.

Donec convallis tristique enim, eu suscipit est ultricies ut. Pellentesque id elit quam. Proin blandit egestas velit et pulvinar. Sed ornare justo vitae tellus euismod tincidunt. Fusce non eros id nulla suscipit fringilla a sit amet tortor. Nulla ullamcorper pretium vehicula. Cras leo elit, tristique ut venenatis ut, posuere in metus. Donec sit amet ante velit, porta lacinia felis. In ut diam odio, nec volutpat dui. Donec libero nibh, blandit rhoncus blandit quis, fringilla eget felis. Donec vitae mi congue nisi consequat pretium a ac nisl. Fusce iaculis elit eget erat feugiat et bibendum metus ultricies.

Nunc id ligula dignissim turpis tincidunt ornare et vitae erat. Etiam ipsum erat, iaculis pretium auctor ac, bibendum eu nulla. Etiam adipiscing blandit massa, sed varius risus elementum eu. Fusce commodo, quam vitae fermentum tincidunt, ante lectus bibendum augue, ac malesuada diam est eget ipsum. Suspendisse tincidunt metus et justo pulvinar pretium at a dolor. Phasellus vestibulum augue ipsum. Suspendisse potenti. Donec vel sapien non nunc gravida aliquam sed sit amet libero. In hac habitasse platea dictumst. Fusce ut eros a augue egestas vehicula. Suspendisse potenti. Curabitur nec quam vel urna consequat iaculis. Maecenas sodales lectus quis sapien vulputate ultrices. Suspendisse ut risus diam, convallis iaculis sapien. Aliquam in ante ut neque ultrices interdum at in sem. Etiam fringilla lorem vitae ligula euismod vulputate.

Nulla facilisi. Maecenas non augue mauris. Cras lacinia ultricies nibh quis accumsan. Praesent auctor libero quis augue elementum accumsan. In hac habitasse platea dictumst. Integer id nibh orci, sed eleifend metus. Cras ligula magna, tristique non porttitor fermentum, consequat nec libero. Sed ut rutrum felis. In at dui dictum nulla bibendum dignissim non a urna. Phasellus posuere aliquam dictum. Ut ut consectetur leo. Curabitur tellus nisl, vestibulum vitae placerat vel, bibendum non lectus. Suspendisse id lectus quis arcu molestie cursus vel non sem. Nam lorem ante, accumsan sit amet pellentesque pretium, molestie eu diam. Phasellus elementum tincidunt felis sit amet laoreet. Nunc feugiat, mi sed ultricies porttitor, erat ligula facilisis nunc, non laoreet velit lorem in sapien. Aliquam eget lectus id purus imperdiet gravida. Pellentesque vitae lectus purus, at volutpat nunc.

Duis vitae libero non turpis facilisis interdum. Fusce ligula tortor, suscipit non tincidunt sed, consectetur vitae mauris. Nullam aliquam, enim sed suscipit ultricies, tellus leo posuere tortor, nec euismod nunc enim non odio. Mauris in porta quam. Donec quam ante, adipiscing in interdum ac, tincidunt sit amet massa. Nullam id magna justo. Nullam quam lacus, dignissim quis commodo nec, adipiscing volutpat justo. Cras non turpis et mi iaculis aliquam. Cras adipiscing, est at tincidunt porttitor, nunc odio pellentesque lacus, non luctus erat nibh sit amet diam. Ut augue nulla, condimentum nec auctor ac, elementum vitae ipsum. Donec vestibulum suscipit dolor nec tempus. Aliquam erat volutpat. Ut rhoncus nulla rhoncus leo iaculis vel tristique mauris accumsan. Mauris in fringilla lacus. In vulputate pretium dapibus. Ut nulla metus, pharetra at fringilla quis, consequat vel libero. Duis congue convallis purus rhoncus viverra.

Donec nec magna lectus, sed placerat magna. Suspendisse euismod tellus at nisi sagittis blandit. Morbi venenatis ipsum velit. Morbi lobortis, lorem a dapibus porttitor, sem est vestibulum lectus, nec lobortis erat sapien sit amet felis. Aliquam tempor, turpis nec pharetra faucibus, quam tortor ultricies massa, quis accumsan tellus arcu sed leo. Proin urna purus, malesuada condimentum pellentesque ut, venenatis at massa. Vivamus rhoncus iaculis est id lacinia. Duis tempus ultrices luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent odio sem, condimentum vel aliquet eu, euismod eget nulla. Donec egestas ipsum ut mauris ornare tempor. Donec nec augue ac magna commodo vehicula. Quisque sed ligula sapien. Etiam sapien velit, bibendum at blandit vitae, commodo fringilla urna. Etiam eget pretium nibh. Nulla libero diam, hendrerit in ornare quis, adipiscing eu arcu.


A "Lorem" szóra klikkelve, az általam kijelölt "Donec" szóhoz ugrik. Értelemszerűen a"Lorem"-hez tettem a hivatkozó kódot, a "Donec"-hez a horgonyt.

Ez kb. így néz ki, és továbbra is a fönt használt színekkel jelölök, de természetesen nem teszem ide az egész hosszú szöveget újból, csupán az aktuális két részt:

A horgony:

<a name="Donec"></a>Donec nec magna lectus, sed placerat magna.


A hivatkozás:
<a href="http://proba-jarat.blogspot.com/2010/07/horgonyokkal-valo-hivatkozas-oldalon.html#Donec">Lorem</a> ipsum dolor sit amet, consectetur adipiscing elit. 

Ebben a részben, magát, az első szót tettem meg kattintható linknek, de használhatsz helyette számot, betűt vagy egyéb karaktert, amit a szöveg/szó elé vagy után is beszúrhatsz. Pl.: lábjegyzetkészítéshez.

Akkor az ehhez hasonlóan fog kinézni a kód:
<a href="http://proba-jarat.blogspot.com/2010/07/horgonyokkal-valo-hivatkozas-oldalon.html#Donec"><1./a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

2010. július 4., vasárnap

MyFreeCopyright - Ingyenes copyright



3 egyszerű lépésben megvédheted az alkotásaidat


Ennyi az egész! 
Az alkotásod regisztrált és védett. 
Ne felejtsük el, megjelentetni a My Free Copyright " logót a webhelyen.


“Wouldn’t it make you furious ifsomeone stole your creation?”

Would you like to have Indisputable Proof of your Copyrights to fend off would be thiefs?

3 Easy Steps to Protect your original creations that nobody is telling you about.
How does MyFreeCopyright.com protect my creation?

  • Your original creation is securely uploaded.

  • digital fingerprint of your original creation is captured, 
    logged, stored and emailed to you.

  • Your original creation is registered and protected.


2010. július 3., szombat

Old Albums

Desktop Chaos

Autumn Season

Mypapers

Long Drive

Scruffy

Antique Car

The Professor

Corbies

Organic Life

The Big Leaf

Related Posts Plugin for WordPress, Blogger...