LinkMe.pl - Forum

Przedstawiam Wam teraz  tutoriala pod tytulem "jak podrasowac boxy za pomoca css".

Jak pewnie wiecie standardowy kod Linkme.pl wyglada nastepujaco:

<?php
    include("********.php");
    echo @LinkMeShowLinks("h", "", " - ", "<center>", "</center>")
?>

W efekcie dostajemy defaultowy (domyslny) wyglad boxow. Teraz jesli chcemy szybko podrasowac robimy taki malutki triczek.

Zamieniamy <center></center> na tag <div></div>

<?php
    include("********.php");
    echo @LinkMeShowLinks("h", "styl_scc_xtlm", " - ", "<div>", "</div>")
?>

Teraz dodajemy do tzw metatagow takie cos:

<link rel="stylesheet" type="text/css" href="http://AdresTwojejStrony.pl/NazwaStylu.css" />

Gdzie:
AdresTwojejStrony.pl -> adres twojej strony z ktorej ma byc pobierany ten plik css.
NazwaStylu.css -> nazwa pliku ze stylami.

W naszym przykladzie nazwalismy go styl_scc_xtlm.css.

Jesli wykonalismy powyzsze czynnosci pora utworzyc ten plik ze stylami Mozna to zrobic w byle jakim edytorze tekstowym. Ja osobiscie robie to w notatniku. Ale przejdzmy do rzeczy.

Tworzymy na poczatek plik tekstowy (ppm ->nowy -> dokument tekstowy). I teraz otwieramy go i wklepujemy do niego:

.styl_scc_xtlm {
    text-align: left;
    background: #FFFFFF;
    border: 1px solid #336699;
    overflow: auto;
    color: #000000;
    clear: both;
    width: auto;
    font-family: tahoma;
    font-size: 11px;
}
.styl_scc_xtlm td {
    background: transparent;
    padding: 1px;
    line-height: 1.1em;
}
.styl_scc_xtlm a {
    color:#0000FF;
    text-decoration: none;
    border: 0px;
    font-weight: bold;
    font-size: 12px;
}
.styl_scc_xtlm a:hover {
    color:#0000FF;
    text-decoration: none;
    border: 0px;
}
.styl_scc_xtlm a:link a:visited {
    color:#93F;
    text-decoration: none;
    border: 0px;
}

I teraz zapisujemy: plik -> zapisz jako -> nazwa pliku: styl_scc_xtlm.css , rodzaj pliku: wszystkie pliki -> zapisz.

I teraz mzoemy uploadowac plik na swoj serwer I po problemie

Ponizej przedstawiam Wam przykladowe boxy.
1.
BLACK
Jesli wybrales ten kolor wystarczy ze sciagniesz ten plik rar:
http://linkme.pl/_boxy/black.rar
Efekt:


2.
BLUE
Jesli wybrales ten kolor wystarczy ze sciagniesz ten plik rar:
http://linkme.pl/_boxy/blue.rar
Efekt:


3.
GOOGLE
Jesli wybrales ten kolor wystarczy ze sciagniesz ten plik rar:
http://linkme.pl/_boxy/google.rar
Efekt:


4.
GREEN
Jesli wybrales ten kolor wystarczy ze sciagniesz ten plik rar:
http://linkme.pl/_boxy/green.rar
Efekt:


5.
MEDIUM
Jesli wybrales ten kolor wystarczy ze sciagniesz ten plik rar:
http://linkme.pl/_boxy/medium.rar
Efekt:


6.
ORANGE
Jesli wybrales ten kolor wystarczy ze sciagniesz ten plik rar:
http://linkme.pl/_boxy/orange.rar
Efekt:


Mam nadzieje ze nie wyglada to nazbyt skomplikowanie.