Hi sini-Kit,
I'm sure someone will be along soon to show you how to do this properly. In
the meantime, here's my cheat's method of achieving it. What I did is to
create a manual copy of the *<pre>* tag style as it is in the basic
TiddlyWiki pallette / theme, using a CSS stylesheet
<https://dl.dropboxusercontent.com/s/wco3fcvaj1mweqt/inclusivity.html#%24%3A%2F_Styles%2FStylesheet>,
as below:
.fake-pre {
font-family:monospace;
font-size:.9em;
color:#dd1144;
background-color:#f7f7f9;
border:1px solid #e1e1e8;
border-radius:3px;
padding: 0em .1em .2em .1em;
}
Then I simply call it from within a *<p>* or *<span>* HTML element, such as*
<p class="fake-pre">*this text looks like it has been escaped*</pre>*. This
also gives the ability to create clickable links within something that
looks like escaped text. From there you could add extra CSS to style
individual parts of your text, as you've shown. The answer, as far as I can
see, is to rely on CSS for this. Maybe someone has a more "Tiddly" way of
doing it, but this works for me. Here's an example
<https://dl.dropboxusercontent.com/s/wco3fcvaj1mweqt/inclusivity.html#%24%3A%2F_Templates%2Fuses-appear-plugin>
of it in use in one of my *{{DesignWrite}}* exercises. Note, of course,
that my solution fails if the user decides to change the palette / theme of
your TW instance, as the CSS will stay fixed, to replicate the look and
feel of the original.
Hope this helps,
Hegart.
On Tuesday, 15 March 2016 19:43:37 UTC+13, sini-Kit wrote:
>
>
> Hi! I want to get something like this.
>
>
> <div dir="ltr"><div><h1 style="margin: 0.67em 0px;" dir="ltr">Заказ в
> интернет магазине</h1></div>
> <div style="display: inline; white-space: pre-wrap;"><div style="font:
> inherit; margin: 0px 0px 1em; width: 99%; white-space: pre-wrap; -ms-word-
> wrap: break-word; font-size-adjust: inherit; font-stretch: inherit;" dir=
> "ltr">Ваша корзина</div>
> <div style="color: rgb(196, 59, 29);">* Обязательно</div></div>
>
>
>
> but if I put ``` I cant change styles in code block.
>
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/dd1d8e84-010d-4d31-babe-b31a1747ea38%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
