PDA

View Full Version : Edit Article with CSS


mnewtype
01-02-2007, 10:42 PM
Hi!

I want to edit my article with CSS, but i don't know where is the file to edit.

I don't want to edit the CSS of the site, only edit my articles....

Thanks!
________
Gm vortec engine (http://www.chevy-wiki.com/wiki/GM_Vortec_engine)
________
Vaporite Inc (http://vaporizer.org/reviews/)

Micha
01-03-2007, 08:49 AM
Not quite sure I understand what you mean, all styles of the site are contained in style.css file including the styles for entire article look.
If you want to format only the content of your article, not the entire article page, you can do that from WYSIWYG editor when you add new article.

mnewtype
01-03-2007, 05:25 PM
yeah...that's right....

but.. i want to format only the content of my article with CSS, without TAG's as <b> or <strong>.

I want to edit the article with a css file, specifically i want to edit my article with these lines in HEAD:

<link rel="stylesheet" href="article.css" type:"text/css" >


PD: i'm Chilean, and i don't speak english very well...
________
black Cam (http://www.girlcamfriend.com/webcam/ebony-girls/)
________
Lolli (http://www.girlcamfriend.com/cam/Lolli/)

Micha
01-04-2007, 10:50 AM
Unfortunately this is not possible, the entire code of article content is generated from WYSIWYG editor.
The only thing that comes to my mind is to make article.css link it in your header.tpl and add articles from code view option on your WYSIWYG editor with classes that you made.

condor
01-04-2007, 03:33 PM
Hi!

I want to edit my article with CSS, but i don't know where is the file to edit.

I don't want to edit the CSS of the site, only edit my articles....

Thanks!


open ROOT\templates and edit it :)

mnewtype
01-04-2007, 05:08 PM
mmm...I do not explain it very well.... i try to edit IN the WYSIWYG editor the styles for my article....and I did it.

Step 1: Editing the TinyMce

The WYSIWYG is not an invention of VIVVO, is an invention of Moxiocode. Well, i have the latest version of this editor, and i installed in my version of VIVVO.

Step 2: Get the code

In the web of Moxiocode, in the seccion of TinyMce, especifically in "examples" there are a WYSYIWG editor, then i extracted the code of Tinymce:

<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "spellchecker,style,layer,table,save,advhr,advimage ,advlink,emotions,iespell,insertdatetime,preview,z oom,media,searchreplace,print,contextmenu,paste,di rectionality,fullscreen,noneditable,visualchars,no nbreaking,xhtmlxtras",
theme_advanced_buttons1_add_before : "save,newdocument,separator",
theme_advanced_buttons1_add : "fontselect,fontsizeselect",
theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,separator, forecolor,backcolor",
theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,searc h,replace,separator",
theme_advanced_buttons3_add_before : "tablecontrols,separator",
theme_advanced_buttons3_add : "emotions,iespell,media,advhr,separator,print,separ ator,ltr,rtl,separator,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,st yleprops,|,spellchecker,cite,abbr,acronym,del,ins, |,visualchars,nonbreaking",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_path_location : "bottom",
content_css : "css/article.css",
plugin_insertdate_dateFormat : "%Y-%m-%d",
plugin_insertdate_timeFormat : "%H:%M:%S",
extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
external_link_list_url : "example_data/example_link_list.js",
external_image_list_url : "example_data/example_image_list.js",
flash_external_list_url : "example_data/example_flash_list.js",
file_browser_callback : "mcFileManager.filebrowserCallBack",
theme_advanced_resize_horizontal : false,
theme_advanced_resizing : true,
apply_source_formatting : true,
spellchecker_languages : "+English=en,Danish=da,Dutch=nl,Finnish=fi,French=f r,German=de,Italian=it,Polish=pl,Portuguese=pt,Spa nish=es,Swedish=sv"
});
</script>

The important line is: content_css : "css/article.css", this is the direction of the CSS file that we want to edit for our article, and it's appears in the section --style--.

Step 3: Editing the templates

Here, you must go to Root/admin/templates and open the notepad, then drag & drop the Article_add_tiny.tpl, then you copy the previous code and
replace the one that exists, not everything, only the part of TinyMCE.

Then repeat the action with the file edit_tiny.mce.

Step 4: upload

we must upload edit_tiny.tpl and article_add_tiny.tpl in the Root/admin/templates

and we must to upload the CSS file in Root/admin/css

step 5: copying the code

the code of the article.css must be copy to style.css.

Enjoy!!
________
Amateur Upload (http://www.fucktube.com/)
________
Stripp4u cam (http://camslivesexy.com/cam/Stripp4u)