Adding home made CSS

This section is for posting questions which are not directly related to WYSIWYG Web Builder.
Examples of off topics: web server configuration, hosting, programming related questions, third party scripts.

Note that these questions will generally not be answered by the administrators of this forum.
Post Reply
UncleEti1
 
 
Posts: 107
Joined: Sun Sep 10, 2017 7:44 am

Adding home made CSS

Post 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.
presto
 
 
Posts: 138
Joined: Tue Aug 24, 2010 5:19 pm
Contact:

Re: Adding home made CSS

Post 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.
Last edited by presto on Sun Sep 10, 2017 11:45 am, edited 1 time in total.
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Adding home made CSS

Post 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
UncleEti1
 
 
Posts: 107
Joined: Sun Sep 10, 2017 7:44 am

Re: Adding home made CSS

Post 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.
UncleEti1
 
 
Posts: 107
Joined: Sun Sep 10, 2017 7:44 am

Re: Adding home made CSS

Post 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 !
UncleEti1
 
 
Posts: 107
Joined: Sun Sep 10, 2017 7:44 am

Re: Adding home made CSS

Post by UncleEti1 »

Me again, my last last link doesn't work. It works directly with my browser(s). No idea why; So :( sorry
UncleEti1
 
 
Posts: 107
Joined: Sun Sep 10, 2017 7:44 am

[SOLVED]

Post 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 :)
Post Reply