[b]Instructions:[/b] Click Spoilers To Show The Tutorials You Need. Click the images to enlarge the thumbnail images. [b]How To Make A [i].css[/i] File: (Basic Method)[/b] [spoiler] 1) Open a new T
You are viewing a post by Ephemeral. View all 340 posts in [b]Instructions:[/b] Click Spoilers To Show The Tutorials You Need. Click the images to enlarge the thumbnail images. [b]How To Make A [i].css[/i] File: (Basic Method)[/b] [spoiler] 1) Open a new T.
2008-02-21 06:07:56
- Ephemeral
- » FTalkElite
4669
0
1969-12-31
[b]Instructions:[/b] Click Spoilers To Show The Tutorials You Need. Click the images to enlarge the thumbnail images. [b]How To Make A [i].css[/i] File: (Basic Method)[/b] [spoiler] 1) Open a new T
[b]Instructions:[/b]
Click Spoilers To Show The Tutorials You Need.
Click the images to enlarge the thumbnail images.
[b]How To Make A [i].css[/i] File: (Basic Method)[/b]
[spoiler]
1) Open a new Text Document by pressing right click on [b]Desktop[/b] then select [b]New[/b] the choose[b] "Text Document"[/b].
2) After opening the notepad, Put or paste the your C.S.S .extension code.
Paste the code below in the Notepad ( The C.S.S. below will hide Google Ads.)
<">3) After placing the code in Notepad go to[b] File[/b] and S[b]ave As[/b].
4) After clicking "Save As" type your file name add a .css on it.
[b]Example:[/b]
[url=http://i138.photobucket.com/albums/q279/jsesbreno/124123-1.jpg][img]http://i138.photobucket.com/albums/q279/jsesbreno/th_124123-1.jpg[/img][/url]
5) Save your file.
[b]How To Host:[/b]
1) Go to a File Host Site of your choice! Just open your web browser and go to Google and type on the search bar "File Hosting Site", or you can go to these site if you want.
[b]Recommended:[/b]
http://www.ripway.com
Just [b]Register[/b] and[b] Login[/b].
2) After registering go to [b]"My Files"[/b] and select[b] "Upload files"[/b]
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs1.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs1.jpg[/img][/url]
3) After selecting "Upload files" you will see a[b] "Browse..."[/b] button. Click [b]"Browse..."[/b] and select the [i].css[/i] file you saved, The click [b]"Open"[/b] Button, Then click [b]"Upload"[/b] Button.
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs2.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs2.jpg[/img][/url]
After the load has finished press Click here to continue!
4) After pressing [b]Click here to continue![/b] check your file then get the [b]Direct Link URL[/b]
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs3.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs3.jpg[/img][/url]
[b]The Direct Link:[/b] http://h1.ripway.com/ftalkcssjs/wakoko.css
Where to apply the [b]Direct Link[/b]?
Proceed to [url=http://theftalk.com/f5-Friendster-Underground.html][b]Underground Section[/b][/url] and find the topic regarding the linker. [b]Please do not be lazy in searching.[/b]
[/spoiler]
[hr][hr][hr][hr]
[b]Advanced Editing Guide: (Advance Users)[/b]
[b]How To Make A [i].css[/i] File: (CSS injection method included)[/b]
[spoiler]
1) Open a new Text Document by pressing right click on [b]Desktop[/b] then select [b]New[/b] the choose[b] "Text Document"[/b].
2) After opening the notepad, Put or paste the your C.S.S .extension code.
Paste the code below in the Notepad ( The C.S.S. below will hide Google Ads.)
<">3) After placing the code in Notepad go to[b] File[/b] and S[b]ave As[/b].
4) After clicking "Save As" type your file name add a .css on it.
[b]Example:[/b]
[url=http://i138.photobucket.com/albums/q279/jsesbreno/124123-1.jpg][img]http://i138.photobucket.com/albums/q279/jsesbreno/th_124123-1.jpg[/img][/url]
5) Save your file.
[b]How To Host:[/b]
1) Go to a File Host Site of your choice! Just open your web browser and go to Google and type on the search bar "File Hosting Site", or you can go to these site if you want.
[b]Recommended:[/b]
http://www.ripway.com
Just [b]Register[/b] and[b] Login[/b].
2) After registering go to [b]"My Files"[/b] and select[b] "Upload files"[/b]
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs1.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs1.jpg[/img][/url]
3) After selecting "Upload files" you will see a[b] "Browse..."[/b] button. Click [b]"Browse..."[/b] and select the [i].css[/i] file you saved, The click [b]"Open"[/b] Button, Then click [b]"Upload"[/b] Button.
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs2.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs2.jpg[/img][/url]
After the load has finished press Click here to continue!
4) After pressing [b]Click here to continue![/b] check your file then get the [b]Direct Link URL[/b]
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs3.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs3.jpg[/img][/url]
[b]The Direct Link:[/b] http://h1.ripway.com/ftalkcssjs/wakoko.css
Apply the direct on the code below. Replace the [b]CSS URL[/b] with your [b].css[/b] file.
[quote]var css = document.createElement("link");
function injectcss() {
if(window.cssinjected == undefined) {
cssinjected = 1;
var css = document.createElement("link");
css.setAttribute("type","text/css");
css.setAttribute("rel","stylesheet");
css.setAttribute("href"," [b]CSS URL[/b]");
css.setAttribute("media","screen, print");
document.getElementsByTagName("head")[0].appendChild(css);
}
}injectcss();[/quote]
After replacing the [b]CSS URL[/b] on the code. Your code must look like this:
[quote]var css = document.createElement("link");
function injectcss() {
if(window.cssinjected == undefined) {
cssinjected = 1;
var css = document.createElement("link");
css.setAttribute("type","text/css");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","[b]http://h1.ripway.com/ftalkcssjs/wakoko.css[/b]");
css.setAttribute("media","screen, print");
document.getElementsByTagName("head")[0].appendChild(css);
}
}injectcss();[/quote]
Copy the code and proceed to [b]How To Make A .js File with CSS Injection.[/b] Tutorial below.[/spoiler]
[hr][hr][hr][hr]
[b]How To Make A .js File with CSS Injection.[/b]
[spoiler]
• Go to http://www.ripway.com
• Register then login your account. If you already have an account. Just Login.
• After Login Go to [b]My Files.[/b]
• After selecting[b] My Files[/b] look for [b]Create Text Document[/b] found on right area of page.
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/2-2.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_2-2.jpg[/img][/url]
1) After clicking [b]Create Text Document[/b] you will see [i]Filename field[/i] and [i]Text field[/i]. on[i] Filename [/i]of course name your file then add [b].js[/b] (Refer to image below)
2) After that, Paste the code earlier in the .css tutorial.
Example This Is Your Code Containiing your [i].css[/i] file: (Refer to image below)
[quote]var css = document.createElement("link");
function injectcss() {
if(window.cssinjected == undefined) {
cssinjected = 1;
var css = document.createElement("link");
css.setAttribute("type","text/css");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","http://h1.ripway.com/ftalkcssjs/wakoko.css");
css.setAttribute("media","screen, print");
document.getElementsByTagName("head")[0].appendChild(css);
}
}injectcss();[/quote]
3) After pasting the code on the text field Click Save File. (Refer to image below)
[url=http://i27.tinypic.com/mojut.png][img]http://i27.tinypic.com/mojut_th.png[/img][/url]
• After saving the file, prepare to get the [b]Direct Link[/b] of your file and use the appropriate linker. (Example below)
[url=http://i27.tinypic.com/bgo7eo.jpg][img]http://i27.tinypic.com/bgo7eo_th.jpg[/img][/url]
[b]The Direct Link:[/b] http://h1.ripway.com/wakokokoko/Myfile.js
Where to apply the [b]Direct Link[/b]?
Proceed to [url=http://theftalk.com/f5-Friendster-Underground.html][b]Underground Section[/b][/url] and find the topic regarding the linker. [b]Please do not be lazy in searching.[/b][/spoiler]
[hr][hr][hr][hr]
[b]Internal .css Update Idea.[/b]
[spoiler]
1) Go to your file then select [b]"Edit Text" [/b]button.
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs4.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs4.jpg[/img][/url]
2) Insert your code in text area below the Text.
(Can include HTML)
[b]Example:[/b]
This is your code before.
<">and you want to add this.
<">Just paste below and you will have something that looks like this.
<">[b]Example:[/b]
[url=http://i138.photobucket.com/albums/q279/jsesbreno/EF.jpg][img]http://i138.photobucket.com/albums/q279/jsesbreno/th_EF.jpg[/img][/url]
After applying press [b]"Save Changes"[/b] button that is indicated above.
The update will go direct to your profile, no need for to make another .css file.
If you want to add more CSS to your file. Just follow the guideline above.
[/spoiler]
[hr][hr][hr][hr]
[b]Internal .js Update Idea.[/b]
[spoiler]
1. Login your ripway account.
2. Go to your uploaded .js file and Click Edit Text.
[b]Example:[/b]
[url=http://i27.tinypic.com/3apvd.png][img]http://i27.tinypic.com/3apvd_th.png[/img][/url]
3. Insert your code in text area below the Text.
(Can include HTML)
Example this is the code you want to add. (Welcome Alert)
<">Paste it after your 1st code with a space.
[b]Example:[/b]
[url=http://i25.tinypic.com/j7eww9.png][img]http://i25.tinypic.com/j7eww9_th.png[/img][/url]
[color=red][b]1[/b][/color] - 1st code. The CSS Injector that contains your .css file.
[color=gray][b]2[/b][/color] - Space
[color=navyblue][b]3[/b][/color] - The Code you added. The welcome alert.
[color=green][b]4[/b][/color] - The whole code.
After applying press [b]"Save Changes"[/b] button that is indicated above.
The update will go direct to your profile, no need for to make another .js file.
If you want to add more JavaScript in your file. Just follow the guideline above.[/spoiler]
[hr][hr][hr][hr]
[b]Having problems regarding the instructions?[/b]
[spoiler]Send me a message [url=http://theftalk.com/message_send.php?id=654][b]here.[/b][/url] Please send me a message typed in [b]English[/b]. I won't reply to your message if you do not comply to the format I requested.[/spoiler]
http://www.ripway.com
Just [b]Register[/b] and[b] Login[/b].
2) After registering go to [b]"My Files"[/b] and select[b] "Upload files"[/b]
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs1.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs1.jpg[/img][/url]
3) After selecting "Upload files" you will see a[b] "Browse..."[/b] button. Click [b]"Browse..."[/b] and select the [i].css[/i] file you saved, The click [b]"Open"[/b] Button, Then click [b]"Upload"[/b] Button.
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs2.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs2.jpg[/img][/url]
After the load has finished press Click here to continue!
4) After pressing [b]Click here to continue![/b] check your file then get the [b]Direct Link URL[/b]
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs3.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs3.jpg[/img][/url]
[b]The Direct Link:[/b] http://h1.ripway.com/ftalkcssjs/wakoko.css
Where to apply the [b]Direct Link[/b]?
Proceed to [url=http://theftalk.com/f5-Friendster-Underground.html][b]Underground Section[/b][/url] and find the topic regarding the linker. [b]Please do not be lazy in searching.[/b]
[/spoiler]
[hr][hr][hr][hr]
[b]Advanced Editing Guide: (Advance Users)[/b]
[b]How To Make A [i].css[/i] File: (CSS injection method included)[/b]
[spoiler]
1) Open a new Text Document by pressing right click on [b]Desktop[/b] then select [b]New[/b] the choose[b] "Text Document"[/b].
2) After opening the notepad, Put or paste the your C.S.S .extension code.
Paste the code below in the Notepad ( The C.S.S. below will hide Google Ads.)
<">3) After placing the code in Notepad go to[b] File[/b] and S[b]ave As[/b].
4) After clicking "Save As" type your file name add a .css on it.
[b]Example:[/b]
[url=http://i138.photobucket.com/albums/q279/jsesbreno/124123-1.jpg][img]http://i138.photobucket.com/albums/q279/jsesbreno/th_124123-1.jpg[/img][/url]
5) Save your file.
[b]How To Host:[/b]
1) Go to a File Host Site of your choice! Just open your web browser and go to Google and type on the search bar "File Hosting Site", or you can go to these site if you want.
[b]Recommended:[/b]
http://www.ripway.com
Just [b]Register[/b] and[b] Login[/b].
2) After registering go to [b]"My Files"[/b] and select[b] "Upload files"[/b]
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs1.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs1.jpg[/img][/url]
3) After selecting "Upload files" you will see a[b] "Browse..."[/b] button. Click [b]"Browse..."[/b] and select the [i].css[/i] file you saved, The click [b]"Open"[/b] Button, Then click [b]"Upload"[/b] Button.
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs2.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs2.jpg[/img][/url]
After the load has finished press Click here to continue!
4) After pressing [b]Click here to continue![/b] check your file then get the [b]Direct Link URL[/b]
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs3.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs3.jpg[/img][/url]
[b]The Direct Link:[/b] http://h1.ripway.com/ftalkcssjs/wakoko.css
Apply the direct on the code below. Replace the [b]CSS URL[/b] with your [b].css[/b] file.
[quote]var css = document.createElement("link");
function injectcss() {
if(window.cssinjected == undefined) {
cssinjected = 1;
var css = document.createElement("link");
css.setAttribute("type","text/css");
css.setAttribute("rel","stylesheet");
css.setAttribute("href"," [b]CSS URL[/b]");
css.setAttribute("media","screen, print");
document.getElementsByTagName("head")[0].appendChild(css);
}
}injectcss();[/quote]
After replacing the [b]CSS URL[/b] on the code. Your code must look like this:
[quote]var css = document.createElement("link");
function injectcss() {
if(window.cssinjected == undefined) {
cssinjected = 1;
var css = document.createElement("link");
css.setAttribute("type","text/css");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","[b]http://h1.ripway.com/ftalkcssjs/wakoko.css[/b]");
css.setAttribute("media","screen, print");
document.getElementsByTagName("head")[0].appendChild(css);
}
}injectcss();[/quote]
Copy the code and proceed to [b]How To Make A .js File with CSS Injection.[/b] Tutorial below.[/spoiler]
[hr][hr][hr][hr]
[b]How To Make A .js File with CSS Injection.[/b]
[spoiler]
• Go to http://www.ripway.com
• Register then login your account. If you already have an account. Just Login.
• After Login Go to [b]My Files.[/b]
• After selecting[b] My Files[/b] look for [b]Create Text Document[/b] found on right area of page.
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/2-2.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_2-2.jpg[/img][/url]
1) After clicking [b]Create Text Document[/b] you will see [i]Filename field[/i] and [i]Text field[/i]. on[i] Filename [/i]of course name your file then add [b].js[/b] (Refer to image below)
2) After that, Paste the code earlier in the .css tutorial.
Example This Is Your Code Containiing your [i].css[/i] file: (Refer to image below)
[quote]var css = document.createElement("link");
function injectcss() {
if(window.cssinjected == undefined) {
cssinjected = 1;
var css = document.createElement("link");
css.setAttribute("type","text/css");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","http://h1.ripway.com/ftalkcssjs/wakoko.css");
css.setAttribute("media","screen, print");
document.getElementsByTagName("head")[0].appendChild(css);
}
}injectcss();[/quote]
3) After pasting the code on the text field Click Save File. (Refer to image below)
[url=http://i27.tinypic.com/mojut.png][img]http://i27.tinypic.com/mojut_th.png[/img][/url]
• After saving the file, prepare to get the [b]Direct Link[/b] of your file and use the appropriate linker. (Example below)
[url=http://i27.tinypic.com/bgo7eo.jpg][img]http://i27.tinypic.com/bgo7eo_th.jpg[/img][/url]
[b]The Direct Link:[/b] http://h1.ripway.com/wakokokoko/Myfile.js
Where to apply the [b]Direct Link[/b]?
Proceed to [url=http://theftalk.com/f5-Friendster-Underground.html][b]Underground Section[/b][/url] and find the topic regarding the linker. [b]Please do not be lazy in searching.[/b][/spoiler]
[hr][hr][hr][hr]
[b]Internal .css Update Idea.[/b]
[spoiler]
1) Go to your file then select [b]"Edit Text" [/b]button.
[b]Example:[/b]
[url=http://img.photobucket.com/albums/v674/EphimeralKaizer/afs4.jpg][img]http://img.photobucket.com/albums/v674/EphimeralKaizer/th_afs4.jpg[/img][/url]
2) Insert your code in text area below the Text.
(Can include HTML)
[b]Example:[/b]
This is your code before.
<">and you want to add this.
<">Just paste below and you will have something that looks like this.
<">[b]Example:[/b]
[url=http://i138.photobucket.com/albums/q279/jsesbreno/EF.jpg][img]http://i138.photobucket.com/albums/q279/jsesbreno/th_EF.jpg[/img][/url]
After applying press [b]"Save Changes"[/b] button that is indicated above.
The update will go direct to your profile, no need for to make another .css file.
If you want to add more CSS to your file. Just follow the guideline above.
[/spoiler]
[hr][hr][hr][hr]
[b]Internal .js Update Idea.[/b]
[spoiler]
1. Login your ripway account.
2. Go to your uploaded .js file and Click Edit Text.
[b]Example:[/b]
[url=http://i27.tinypic.com/3apvd.png][img]http://i27.tinypic.com/3apvd_th.png[/img][/url]
3. Insert your code in text area below the Text.
(Can include HTML)
Example this is the code you want to add. (Welcome Alert)
<">Paste it after your 1st code with a space.
[b]Example:[/b]
[url=http://i25.tinypic.com/j7eww9.png][img]http://i25.tinypic.com/j7eww9_th.png[/img][/url]
[color=red][b]1[/b][/color] - 1st code. The CSS Injector that contains your .css file.
[color=gray][b]2[/b][/color] - Space
[color=navyblue][b]3[/b][/color] - The Code you added. The welcome alert.
[color=green][b]4[/b][/color] - The whole code.
After applying press [b]"Save Changes"[/b] button that is indicated above.
The update will go direct to your profile, no need for to make another .js file.
If you want to add more JavaScript in your file. Just follow the guideline above.[/spoiler]
[hr][hr][hr][hr]
[b]Having problems regarding the instructions?[/b]
[spoiler]Send me a message [url=http://theftalk.com/message_send.php?id=654][b]here.[/b][/url] Please send me a message typed in [b]English[/b]. I won't reply to your message if you do not comply to the format I requested.[/spoiler]
Last edited by Ephemeral (2008-05-08 08:06:34)
 |