This is for those who already installed the framework and the template, so this is how I did it:

- First I made a sql backup.
- Opened it with editor and searched for rt_gantry (that is the default template name)
- Found it 7 times, and this is how I updated the sql:

Before you proceed, the l9b1d_ is my db prefix (if you install it with the option of an random generated prefix you will get different, or maybe your preffered and manually added one).

UPDATE  `yournewtemplatename`.`l9b1d_extensions` SET  `name` =  'yournewtemplatename',
`element` =  'yournewtemplatename',
`manifest_cache` = '{"legacy":false,"name":"yournewtemplatename",
"type":"template","creationDate":"October 30, 2011","author":"RocketTheme, LLC",
"copyright":"(C) 2005 - 2011 RocketTheme, LLC. All rights reserved.","authorEmail":"support@rockettheme.com","authorUrl":
"http:\/\/www.rockettheme.com","version":"3.2.12",
"description":"${project.description}","group":""}

Also:

UPDATE  `yourtemplatename`.`l9b1d_template_styles` SET  `template` =  'yournewtemplatename',
`title` =  'yournewtemplatename - Default' WHERE  `l9b1d_template_styles`.`id` =116 LIMIT 1 ;

- Later I renamed the templates/rt_gantry folder to yournewtemplatename.

- In the same folder I changed in templates/yournewtemplatename/templateDetails.xml all lines present with rt_gantry to yournewtemplatename.

- At the end I renamed language/en_GB/en-GB.tpl_rt_gantry.ini to en-GB.tpl_yournewtemplatename.ini

And that’s it !

This post has been updated, same from above works for joomla 2.5

- I saw this randomly .psd, and decided to convert it to css3 without using a single image.

- Mainly to try it out, practice and experiment.

Let’s start:

HTML

<div class="container">

     <div class="box">

          <a class="button" title="" href="#">Submit</a></div>

     </div><!-- End of Box -->

</div><!-- End of Container -->

CSS

/*
 Author: Ivo Culic - ifkas
 Author URI: http://www.tajfa.com
 Item URI: http://www.tajfa.com/primeri/css3lightskybluebutton
 Item Name: Lightsky Blue CSS3 Buttons
 Purpose: Practice to style with CSS3
 Version: 1.0
*/

/*
 TOC
  00 - Resets
  01 - General
  02 - Button
    01- main
    02- text shadows
    03- gradients
    04- borders
    05- box shadows
    06- hover
    07- focus,active
*/

/*
   ===============================
   ========== RESETS =============
   ===============================
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-decoration:none;
}

.clear	{clear:both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
   ===============================
   ========== GENERAL ============
   ===============================
*/

body {
    background: url(../img/bg.jpg) repeat #fcfcfc;
}

.container {
    width: 600px;
    margin: 50px auto;
}

.box {
    /* Left as option */
}

/*
   ===============================
   ========== BUTTON =============
   ===============================
*/

a.button {
    padding: 15px 100px 20px 30px;
    position: relative;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    background-color: #2fa2ee;
    letter-spacing: -1px;

    /* Text Color and Shadow */
    color: #107fc9;
    text-shadow: 1px 1px 5px #ffffff, 2px 1px 5px #ffffff;

    /* Gradients */
    background-image: linear-gradient(bottom, #8DCCF6 10%, #CCE8FB 78%, #DEF0FC 93%);
    background-image: -o-linear-gradient(bottom, #8DCCF6 10%, #CCE8FB 78%, #DEF0FC 93%);
    background-image: -moz-linear-gradient(bottom, #8DCCF6 10%, #CCE8FB 78%, #DEF0FC 93%);
    background-image: -webkit-linear-gradient(bottom, #8DCCF6 10%, #CCE8FB 78%, #DEF0FC 93%);
    background-image: -ms-linear-gradient(bottom, #8DCCF6 10%, #CCE8FB 78%, #DEF0FC 93%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #8DCCF6), color-stop(0.78, #CCE8FB), color-stop(0.93, #DEF0FC));

    /* Border */
    border: 2px solid #acdaf8;
    border-bottom: 1px solid #0c588b;
    border-left: 1px solid #74acd2;
    border-right: 1px solid #74acd2;
    border-radius: 13px;

    /* Box Shadows */
    box-shadow: 0 8px #e3e3e3, inset 0 -1px #0c588b, inset 0 -8px #2fa2ee, inset 0 -10px #c9e7fa, inset 0 1px #f2f7fa;

    /* Fixing the bleed edges of corners  */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/* ON HOVER */
a.button:hover {
    background-image: linear-gradient(bottom, #ACDAF8 2%, #EBF6FD 64%);
    background-image: -o-linear-gradient(bottom, #ACDAF8 2%, #EBF6FD 64%);
    background-image: -moz-linear-gradient(bottom, #ACDAF8 2%, #EBF6FD 64%);
    background-image: -webkit-linear-gradient(bottom, #ACDAF8 2%, #EBF6FD 64%);
    background-image: -ms-linear-gradient(bottom, #ACDAF8 2%, #EBF6FD 64%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.02, #ACDAF8), color-stop(0.64, #EBF6FD));
}

/* ON ACTIVE */
/* Strange behaviour with focus on chrome browser, if we use tab somehow works */
a.button:active, a.button:focus {

    padding: 15px 100px 15px 30px;
    top: 2px;

    background-image: linear-gradient(bottom, #107FC9 37%, #0B578A 89%);
    background-image: -o-linear-gradient(bottom, #107FC9 37%, #0B578A 89%);
    background-image: -moz-linear-gradient(bottom, #107FC9 37%, #0B578A 89%);
    background-image: -webkit-linear-gradient(bottom, #107FC9 37%, #0B578A 89%);
    background-image: -ms-linear-gradient(bottom, #107FC9 37%, #0B578A 89%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.37, #107FC9), color-stop(0.89, #0B578A));

    box-shadow: 0 3px #e3e3e3, inset 0 -1px #45a0dc, inset 0 1px #2384c5, inset -1px 0 #4dafef, inset 1px 0 #4dafef; /* Adding multiple 5 shadows, 1 outer and 4 inner */

    color: #0b578a;
    text-shadow: 0 1px 0 #57a9df, 0 1px 0 #57a9df;

    border: 1px solid #135b8c;

}

/* EOF */

TO DO:
- separate the gradients and colors so in future can have different colors (for example button green etc.)
- apply css3 pie so can be rendered in all previous IE browsers.

http://www.w3.org/html/logo/

Со форма на штит, го има и во svg (нормално) 

Дали наскоро ќе има на футерите:

Сапортед енд мејд вит:

ЛОЛ 

За секој натпревар уредно се наведени информациите што се најважни – број на денови до истекувањето на рокот за пријавување, кој е организатор на натпреварот, кога се очекува да бидат објавени победниците, дали натпреварот е бесплатен или се плаќа одредена сума за учество и сл.

За секој натпревар се објавени и врски до страниците со правила за учество, често поставувани прашања (FAQ), форми за пријавување итн. За завршените натпревари се наведени дури и победниците.

Интересно е што на Contest Watchers е можно и листање на натпревари по случаен избор со помош на опцијата „Random” од главното мени.

Modernizr не прави магија туку ви помага вие да ја направите. Доста може да се експериментира со мали хакови на Javascript, со HTML5 ги подржува

header, hgroup, section, footer,  video

Неговата употреба е само со внесување на

<script  src="js/modernizr-1.0.min.js"></script>

Пред две недели излезе и верзија 1.5, за да погледнете поголема документација за што све детектира и како да го користите  кликнете нормално ТУКА.

- Ова сакав да го споделам бидејќи сакам да има нешто на странава кое што ќе биде дел од историјата, дел од времето пред CSS3 и HTML5.  Дел од она мало ветре пред бурата. Се надевам сега за сега успешно ќе ви се најде !

Тумбле Румбле ?

Моите доживувања за и околу новитетите ќе следат за некое време или не ? !

HTML

<div class="tranzicija">
     <a href="#"><img src="tajfa_com_css3.jpg" alt="" /></a>
</div>

CSS

.tranzicija a {
    width: 200px; height:175px;
    overflow: hidden;
    float: left;
}
.tranzicija img {
    border: none;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.tranzicija a:hover img {
    margin-top: -182px;
}

Chrome и Safari –> -webkit-transition: all 0.2s ease-in-out;

Firefox –> -moz-transition: all 0.2s ease-in-out; (во подготовка или само draft form)

Opera –> -o-transition: all 0.2s ease-in-out;

all –> содржина на транзицијата;

0,2s –> времетраење ( ако вредноста ја намалите брзината се зголемува);

ease-in-out –> вид на анимација или вид функција на транзицијата;

RewriteEngine on

2. Дозволуваме кој страни можат да имаат пристап на нашиот сервер:

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?vasiotpoddomen.com [NC]RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?vasiotvtorpoddomen2.com [NC]

3. За тие што користат прокси или заштитен ѕид:

RewriteCond %{HTTP_REFERER} !^$

4. Дозволуваме на пајаците слобода:

RewriteCond %{HTTP_REFERER} !google. [NC]RewriteCond %{HTTP_REFERER} !search?q=cache [NC]RewriteCond %{HTTP_REFERER} !msn. [NC]RewriteCond %{HTTP_REFERER} !yahoo. [NC]

5. Одбраната слика која што ќе им се прикажува на “крадците” и дозволуваме да се линка и прикажува:

RewriteCond %{REQUEST_URI} !^slikicanekradi.gif$

6. Со ова му кажуваме на серверот дека ако е побарана слика со екстензија jpg, gif, jpeg или png, а не е со името slikicanekradi.gif тогаш да се прикаже истата slikicanekradi.gif.

RewriteRule .(jpe?g|png|gif)$ slikicanekradi.gif [NC,R,L]

По мое мислење, ако имате хостинг со shared environment и буквално полно директориуми во него, и во самите нив неколку вордпрес или џумла инсталации, тие самите со нив имаат нивни .htaccess фајлови затоа прво симнете ги на десктоп (за да си го имате оригиналниот), па потоа качете го новиот .htaccess фајл. И нормално за секој случај направете бекап (иако и не мора). За тие со попрости и нетолку набутани хостинзи тогаш доволно е само во root да постои еден .htaccess во кој ќе го вметнете кодов. Со истава постапка можете да додавате и екстензии како .exe, .rar, .zip,