Ogólna pomoc dotycząca stylów - Cytat i kod - nowy wygląd
VanLisek - 07-05-2010, 15:21
Temat postu: Cytat i kod - nowy wygląd
Jak można otrzymać taki wygląd?
xlesiu - 07-05-2010, 15:28
Zrobiłem podobne kiedyś.
Otwórz: templates/bbcode.tpl
Znajdź: | Kod: | <!-- BEGIN quote_username_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td><span class="genmed"><b>{USERNAME} {L_WROTE}:</b></span></td>
</tr>
<tr>
<td class="quote"><!-- END quote_username_open -->
<!-- BEGIN quote_open -->
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td><span class="genmed"><b>{L_QUOTE}:</b></span></td>
</tr>
<tr>
<td class="quote"><!-- END quote_open -->
<!-- BEGIN quote_close --></td>
</tr>
</table>
<span class="postbody"><!-- END quote_close -->
<!-- BEGIN code_open -->
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td><span class="genmed"><b>{L_CODE}:</b></span></td>
</tr>
<tr>
<td class="code"><!-- END code_open -->
<!-- BEGIN code_close --></td>
</tr>
</table>
<!-- END code_close -->
|
i zamień na | Kod: | <!-- BEGIN quote_username_open -->
</span>
<div class="ladne_quote">
<div class="quote_blok">
<div class="ladne_quote_blok"></div>
<div style="margin-bottom: 10px;">
<img src="templates/subSilver/images/quote_icon.png" title="Cytat" alt="Cytat"/><span class="genmed"><b>{USERNAME} {L_WROTE}:</b></span>
</div>
<div class="quote_div">
<!-- END quote_username_open -->
<!-- BEGIN quote_open -->
<div class="ladne_quote">
<div class="quote_blok">
<div class="ladne_quote_blok"></div>
<div style="margin-bottom: 10px;"><img src="templates/subSilver/images/quote_icon.png" title="Cytat" alt="Cytat"/><span class="genmed"><b>{L_QUOTE}:</b></span></div>
<div class="quote_div">
<!-- END quote_open -->
<!-- BEGIN quote_close -->
</div>
</div>
</div><span class="postbody">
<!-- END quote_close -->
<!-- BEGIN code_open -->
<div class="ladne_code">
<div class="code_blok">
<div class="ladne_code_blok"></div>
<div style="margin-bottom: 10px;"><img src="templates/subSilver/images/code_icon.png" title="Kod" alt="Kod"/><span class="genmed"><b>{L_CODE}:</b></span></div>
<div class="code_div">
<!-- END code_open -->
<!-- BEGIN code_close -->
</div>
</div>
</div><span class="postbody">
<!-- END code_close -->
|
Pamiętaj aby zamienić nazwę subSilver na nazwę swojego stylu.
Otwórz templates/NazwaStylu/NazwaStylu.css i dodaj klasy | Kod: | .quote_div {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #222222;
line-height: 125%;}
div.ladne_quote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
background-color: #CCCCFF;
border: 1px solid #6666FF;
position: relative;
margin:10px;
top: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.ladne_quote_blok{
background: transparent url(images/quote.png) no-repeat left;
display:block;
width: 9px;
height: 13px;
position: absolute;
top: 5px;
left: -9px;}
.ladne_quote div.quote_blok{
padding: 5px 10px 5px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.code_div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #222222;
line-height: 125%;}
div.ladne_code {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
background-color: #CCFFCC;
border: 1px solid #009933;
position: relative;
margin:10px;
top: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.ladne_code_blok{
background: transparent url(images/code.png) no-repeat left;
display:block;
width: 9px;
height: 13px;
position: absolute;
top: 5px;
left: -9px;}
.ladne_code div.code_blok{
padding: 5px 10px 5px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
|
Obrazki z załącznika wrzuć do /templates/NazwaStylu/images/
Wynik:
VanLisek - 07-05-2010, 15:36
A gdzie mogę zmienić żeby nie było tych zaokrąglonych rogów?
xlesiu - 07-05-2010, 15:38
pousuwaj wszystkie tego typu kody | Kod: | -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; |
VanLisek - 07-05-2010, 15:56
Nie działa znacznik code. oO
xlesiu - 07-05-2010, 16:01
Znajdź | Kod: | | <!-- END quote_close --> |
i po nim dodaj | Kod: | <!-- BEGIN code_open -->
<div class="ladne_code">
<div class="code_blok">
<div class="ladne_code_blok"></div>
<div style="margin-bottom: 10px;"><img src="templates/subSilver/images/code_icon.png" title="Kod" alt="Kod"/><span class="genmed"><b>{L_CODE}:</b></span></div>
<div class="code_div">
<!-- END code_open -->
<!-- BEGIN code_close -->
</div>
</div>
</div><span class="postbody">
<!-- END code_close --> |
U góry post już edytowałem.
patrok234 - 29-09-2010, 15:09
Czy ktoś mógłby mi to zrobić ? ;/
Chowder - 29-09-2010, 17:40
Zanim cokolwiek wgrasz na swoje forum , musisz edytować modyfikację 
VanLisek - 20-11-2010, 12:31
Refresh.
Zrobiłem to jeszcze raz i nie działa.
Nie wyświetla mi się tło, obramowanie, itp.
Klasę dodałem do *.css
DILL - 03-01-2011, 21:32
Mi pokazuje ikonke a obramowania nie ma ! ; /.
xlesiu - 03-01-2011, 21:34
DILL, popraw adres w profilu. Daj adres do posta gdzie źle Ci pokazuje.
DILL - 05-01-2011, 19:15
xlesiu, Czemu mam taki błąd ? :
| Kod: | | Parse error: syntax error, unexpected '<' in /home/pspboard/public_html/includes/bbcode.php(63) : eval()'d code on line 11 |
xlesiu - 05-01-2011, 19:23
DILL, pokaż ten plik zobaczę czy u mnie "pójdzie" na testówce.
DILL - 05-01-2011, 19:25
Łap
xlesiu - 05-01-2011, 19:28
DILL, ale ten plik nie jest w ogóle modyfikowany. Musi być błąd w innym pliku. Pokaż bbcode.tpl
|
|
|
