New user registration is currently disabled due to spam abuse / Регистрация новых пользователей в настоящее время приостановлена из-за злоупотреблений спаммерами

Предложения по HTML и CSS в карточках

Обо всём по программе

Предложения по HTML и CSS в карточках

Postby Novikov » Thu Feb 02, 2012 5:14 pm

Увидел, что сейчас DSL-теги переводятся в HTML-теги следующим образом:

Ссылки на звуковые файлы вставляются в виде такого кода:
Code: Select all
<span class="dsl_s_wav"><a href="gdau://2579bc694d7d918ef2cfe26964172537/exa_p008-001123468.wav"><img border="0" align="absmiddle" alt="Play" src="qrcx://localhost/icons/playsound.png"></a></span>


Я предлагаю использовать такой HTML:
Code: Select all
<a class="audio" href="gdau://2579bc694d7d918ef2cfe26964172537/exa_p008-001778522.wav"></a>

В связке с таким CSS:
Code: Select all
a .audio {
    background: url('qrcx://localhost/icons/playsound.png') center center no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.25em;
}


Это позволит авторам "CSS-тем" изменять оформление значка (или даже убирать его, заменять на текст и т.п.), если GD будет брать их их той же директории, что и article-styles.css. Ну и объем генерируемого HTML сократится, уменьшится количество элементов для рендеринга. Ну и красота кода, опять же :)

Дополнительным плюсом моего решения будет и то, что при вставке куска карточки, скажем, в Word не будет вот таких фантомных невидимых элементов:
Image

Ну а при экспорте в HTML не будет ссылок Play, портящих карточки:
Image

По аналогии можно выводить и картинки. Насколько я понимаю, при копировании или при экспорте в HTML они будут точно такими же фантомами.
Last edited by Novikov on Thu Feb 02, 2012 5:38 pm, edited 2 times in total.
Novikov
 
Posts: 164
Joined: Mon Jan 23, 2012 8:29 pm

Re: Предложения по HTML и CSS в карточках

Postby Novikov » Thu Feb 02, 2012 5:21 pm

Сейчас, например, в DSL теги [c] переводятся в HTML вида:
Code: Select all
<font color="c_default_color">

И на это натягивается такой CSS:
Code: Select all
.dsl_article font[color="c_default_color"] {
    color: green;
}


Я предлагаю делать такой HTML:
Code: Select all
<span class="c_default_color">

И такой CSS:
Code: Select all
.c_default_color {
    color: green;
}
Novikov
 
Posts: 164
Joined: Mon Jan 23, 2012 8:29 pm


Return to Общий

Who is online

Users browsing this forum: No registered users and 3 guests