Page 1 of 1

Adding home made CSS

Posted: Sun Sep 10, 2017 8:15 am
by UncleEti1
Hello everybody,

I am a fake-beginner : I made a site quite a few years ago, and forgot a lot.
I am aware my question has been probably asked many time, but could not find it. I apologize.
My question :
I made many pages of my site with an html editor because I needed to use asiatic fonts, inspite of having Wwebbuilder.
I would like to import the html of some of thes pages, which is easy , but also the CSS code. How to do that? I think I read a long time ago it was not possible, but there have been updates since (3!). So I allow myself to check that again.

Thanks a lot.

Re: Adding home made CSS

Posted: Sun Sep 10, 2017 11:27 am
by presto
There are at least two ways:

1. Internal css: You can copy the css code to an HTML objcet from toolbar. Type: "Between <head></head> tags". Inside the HTML object there is even an import button that makes inserting much easier. Note that you have to copy your css code between a <style> tag and a </style> tag.

2. External css: Via the Site Manager you can insert external files (right click of mouse). Please note that in this case you have to insert via HTML object the path of this source.

Re: Adding home made CSS

Posted: Sun Sep 10, 2017 11:37 am
by Pablo
Note that WYSIWYG Web Builder is not an HTML or code editor, so you cannot import/edit the code directly.
You can however add custom code via the HTML object.
http://wysiwygwebbuilder.com/add_html.html

Re: Adding home made CSS

Posted: Sun Sep 10, 2017 12:16 pm
by UncleEti1
@thank you, Presto. I have to check my htlm book, 'cause I forgot how to insert in the same page as the html, the css. I have it on a separate sheet.

@Pablo, this I remember Pablo. (I am sorry thinking how many times you had to paste this message those last 5 years :wink:

Thank to both of you.

Re: Adding home made CSS

Posted: Tue Oct 10, 2017 2:21 pm
by UncleEti1
presto wrote: Sun Sep 10, 2017 11:27 am There are at least two ways:

1. Internal css: You can copy the css code to an HTML objcet from toolbar. Type: "Between <head></head> tags". Inside the HTML object there is even an import button that makes inserting much easier. Note that you have to copy your css code between a <style> tag and a </style> tag.


I am so sorry but I could not do that alone.
Here is my code (inserted via htlm tool on an web builder empty page) : I made it quite shorter, maybe a few htlm mistakes themselves because it's the web-page purely of text, which means lot of words. . Of course I am interested only on how the CSS is badly inserted.Hope it's good enough."code" tags don't belong to my own work, just it seems better for seing this on this forum. Thanks a lot.


<code>
<head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Titre et hommage</title>

<meta name="author" content="etienne loyon">

<meta name="keywords" content="Cinq Dharmas de Maitreya,condition r&eacute;gentes, dimension d'&eacute;galit&eacute; de tous les ph&eacute;nom&egrave;nes, gyulama rGyud bLama ,continuit&eacute; ulitme, Jamgoeun Jamgon Kongtrul Lodreu Taye Asa&#324;ga Neuf exemples uttara tantra shastra Etienne Loyon">

<meta name="description" content="Une traduction fran&ccedil;aise du Theg pa Chen po rGyud bLama'i bstan chos de Maitreya Asa&#324;ga La Continuit&eacute; Ultime ultime">

<link rel="stylesheet" media="screen" type="text/css" title="Etiestyle">
<base href=".5homage1_5.html">
<style type="text/css">*


<style type="text/css">*


div#cadre {/* conteneur global et arriýre-plan du titre du cadre */

matrombine {
float : left;
padding : 20px 0;
}
.tibetsite {
padding : 20px 0;
}
body {
font-family : "Comic Sans Ms", "Times new roman", "Trebuchet MS", Arial, sans-serif;
font-size : 0.9em;
text-align : center;
padding : 20px 0;
background-color: #f4f3d2;
}
form {
background-color: #BDC079;}
.deroulant {
margin : 30px;
margin-left : 5%;
margin-right : 5%;
}
dt {
text-align : left;
color=#00000;}
dd {
text-align : left;
}
p {
margin-left : 5%;
margin-right : 5%;
text-align : justify;
text-indent : 15px;
}

</style>
</head>


<script type="text/javascript" src="rgv.js"> </script>
<!-- Titre et hommage&nbsp;: stances 1 &agrave 5 -->
<div class="deroul" align="center">
<form name="GoMenuForm0" action="">
<select name="GoMenu" onchange="OnGoMenuFormLink(this)">
<option selected="selected">Choisir un chapitre de la Continuit&eacute; Ultime</option>
<option class="_self" value="./rgv.html">Accueil</option>
<option class="_self" value="./1intro1.html">Introduction 1/4</option>

</select>
</form>
</div>

<h1 id="toppage">La Continuit&eacute; Ultime</h1>

<br>



<table summary="Ce tableau comprend les stances 1 &agrave; 5 introduisant le titre, sa traduction et l'hommage du traducteur">

<tbody>

<tr>

<td class="texteracine" valign="top"><a name="1">1</a>
En indien&nbsp;:<br>

Mah&#257;y&#257;nottaratantra&#347;&#257;stra. <br>

En tib&eacute;tain&nbsp;: Theg pa chen po rgyud bla ma&rsquo;i bstan
bcos. <br>

[En fran&ccedil;ais&nbsp;: Le Trait&eacute; de la
continuit&eacute; ultime du Grand V&eacute;hicule.] </td>

<td class="commentaire" valign="top">
1 En tib&eacute;tain, le texte s&rsquo;appelle <i> Theg
pa chen po rgyud bla ma&rsquo;i bstan bcos </i>
[Trait&eacute; de la continuit&eacute; ultime du Grand
V&eacute;hicule]. Parce qu&rsquo;elle est d&rsquo;un pays
vaste (<i>rgya</i>), o&ugrave; la couleur
vestimentaire
pr&eacute;dominante est blanche (<i>dkar po</i>),
l&rsquo;appartenance
indienne a pour nom en tib&eacute;tain "[celui, celle de la
contr&eacute;e] vaste-blanche",
abr&eacute;g&eacute; en <strong>Gyagar</strong>.

</td>

</tr>
</table>

<div id="basdepage"><a href="4intro4.html">Page
pr&eacute;c&eacute;dente</a>
&nbsp; &nbsp;
<a href="#toppage">Haut de la page</a>
&nbsp;
<a href="6buddha6_8.html">Suite</a>
</div> <p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-html401-blue"
alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
</p>

</code>



..here is the full page in pure html that I want to import. There is some javascript too but it will be for another topic.
http://www.khenpofrance.free.fr/5homage1_5.htm

Thanks again !

Re: Adding home made CSS

Posted: Tue Oct 10, 2017 2:26 pm
by UncleEti1
Me again, my last last link doesn't work. It works directly with my browser(s). No idea why; So :( sorry

[SOLVED]

Posted: Wed Oct 11, 2017 12:43 pm
by UncleEti1
...Ok, I got it. I was going by "insert html", with toolbox>STANDARD>HTML. That's not how it worked in my case. I had to go in "page" menu and CLICK on "html page'. Then you fill up the page according to the bookmarks. By the way, just write your ccs. Don't touch the pre-coded inserted css of WB in the above part of the page : "generated html".
Relief :)