| View previous topic :: View next topic |
| Author |
Message |
luv2dostuf
Posts: 1087
Location: Utah
|
 Posted: Friday 29th September 5:27am Post subject: Comments in DIV Profile |
 |
|
Ok, to hide friends, put this in your style tags:
| Code: | { Hide Friends }
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:block;} |
Now, to explain the code. In the About Me section:
------------------------------------------
.comt {
visibility:visible; position:absolute; left:50%; top:880px; overflow:auto; width:1030px; height:400px;
border:4px ridge; border-color:006666;
margin-top:800px; margin-left:-500px; background-color:transparent; z-index:5;
}
.comt span, .comt b {color:ffffff; visibility:visible !important; display:block; }
.comt table { width:700px; }
.comt table table { width:0px; }
.blacktext10 { width:800px; display:inline; }
.comt a, .comt font, .comt span { visibility:visible; }
--------------------------------------------------------
This code is positioning on the page. Using percentage isn't as accurate; I prefer using pixels myself
This code is overflow; depending on the width and height of the box the comments are in (the code in green) there will be a scroll box to accomadate it to that specified size.
This code is the width and height the box is the comments reside in. Pretty obvious.
This code is the stylization of the border of the box the comments reside in, i.e. border, border style, border color, etc.
This code makes the comments see-through.
This code makes the text within the box a certain length in the box it resides. (This only happens if the display is inline).
This code stretches it across the the length of the page, depending on what you make this code.
---------------------------------------------------
The code for the Who I'd Like to Meet section:
<div class="comt"><table><tbody><tr><td><table>
No explaination. Just put it in.
 |
|
| Back to top |
|
xstevey_bx
Posts: 80
Location: UK
|
| Posted: Monday 02nd October 12:02pm Post subject: |
|
|
Ill have to try that out 
What exactly does it mean to have comments in a div though? Does it mean I can position them anywhere on the page that I like?
_________________
 |
|
| Back to top |
|
luv2dostuf
Posts: 1087
Location: Utah
|
| Posted: Tuesday 10th October 2:10am Post subject: |
|
|
| the answer is "yep" to the move anywhere on the page question |
|
| Back to top |
|
akaycarr
Posts: 507
Location: Over the Rainbow
|
|
| Back to top |
|
Frickalik
Posts: 11
|
| Posted: Saturday 14th October 7:03am Post subject: |
|
|
| Very simple, and effective. A lot of fun to mess around with comments and people who want to create there own layout and not just copy it from a site. For "noob" purposes, you should include the Style header. and that they need to select which comt people they need lk your color cordinating is still a lil confusing. lol other than that, excellent tut. |
|
| Back to top |
|
defcomexperiment
Posts: 13
Location: detroit.mi.usa
|
|
| Back to top |
|
defcomexperiment
Posts: 13
Location: detroit.mi.usa
|
| Posted: Friday 03rd November 1:02am Post subject: |
|
|
n.m. i got it... now i just have to run through the code and figure out why one of my spacers is missing...
_________________
 |
|
| Back to top |
|
defcomexperiment
Posts: 13
Location: detroit.mi.usa
|
| Posted: Saturday 04th November 2:40am Post subject: |
|
|
this is a quick tip that could save you a lot of time in dreamweaver, or notepad... i noticed in both div layout tutorials this was not mentioned, and for people inexperienced in web design this may help them alot.... its real simple; when editing code to add in the url from your hosting site to provide the full source url for your layout, you simply follow these steps:
note pad is pretty much the same, except you need to go to edit>find and replace or hit CTRL+H after highlighting the selected text you would like to change...
also for uploading images for your div if you use photobucket i'd strongly suggest downloading flock... i was manually browsing for images one by one, until i downloaded it... it makes it a lot quicker, its run on the same framework as firefox, it is a browser, i use it just for when im uploading, it has a photo uploading tool, you just highlight the photos youre uploading and drag and drop them into the box, select your folder and upload...
_________________
|
|
| Back to top |
|
darkiewonder
Posts: 895
Location: USA
|
| Posted: Saturday 04th November 3:59am Post subject: |
|
|
Correction on your post still about using Notepad. Use Wordpad
Edit > Replace. Type in the text you want to replace and then what you want to replace it with. and click "Replace All" and you're done. Fast and simple rather than load up a Ram hogging program.
_________________
http://www.myspace.com/darkiewonder
Im working on a new page layout. It's so gay. So stay tuned. |
|
| Back to top |
|
defcomexperiment
Posts: 13
Location: detroit.mi.usa
|
| Posted: Saturday 04th November 5:18am Post subject: |
|
|
shit, wasnt payin attention, meant to repost in the div tut she made... anyways, thanks again for the correction... notepade uses a ridiculous amount of ram, i can barely open it without my prehistoric comp locking up...
_________________
|
|
| Back to top |
|
darkiewonder
Posts: 895
Location: USA
|
| Posted: Saturday 04th November 4:25pm Post subject: |
|
|
How can you not open Notepad up when you can open up Dreamweaver?
_________________
http://www.myspace.com/darkiewonder
Im working on a new page layout. It's so gay. So stay tuned. |
|
| Back to top |
|
defcomexperiment
Posts: 13
Location: detroit.mi.usa
|
| Posted: Saturday 04th November 7:04pm Post subject: |
|
|
you obviously dont pick up on sarcasm... the way you worded it it sounded like you were saying notepad uses up massive amounts of ram:
| Quote: |
Correction on your post still about using Notepad. Use Wordpad
Edit > Replace. Type in the text you want to replace and then what you want to replace it with. and click "Replace All" and you're done. Fast and simple rather than load up a Ram hogging program. |
notepad and wordpad amount to about the same thing to me, something that displays code... the only reason i showed it in dreamweaver is because some people work on their web designs in dreamweaver, i mean, isnt that what its for? anyways, the whole reason i posted this was because in luv2do's video tut she used dreamweaver and demonstrated plugging in the entire url manually that = why i even bothered with the screenshot... i just so happened to repost this in the wrong thread when i moved it from submissions to here... now i cant be bothered to move it again... just so you know i dont 'load up a ram hogging program' to edit code.... i do use wordpad, but am just in the habit of calling them both notepad... same dif one displays text in color one does not...
_________________
|
|
| Back to top |
|
darkiewonder
Posts: 895
Location: USA
|
| Posted: Saturday 04th November 9:53pm Post subject: |
|
|
I worded my correctly, It's you that says other wise.
| Quote: | | notepade uses a ridiculous amount of ram, i can barely open it without my prehistoric comp locking up... |
That's you.
This is me when I was talking about Wordpad and not using dreamweaver.
[quote]
Fast and simple rather than load up a Ram hogging program.[/quote
If you can't find it being clear enough, then I can't really be bothered to continue.
and dreamweaver isn't a "notepad" It's more of a mix between a wysiwyg editor and it also has an advanced editor which is just showing code. So if you call one program another program, then don't. All you're doing is confusing others that try to look for help.
_________________
http://www.myspace.com/darkiewonder
Im working on a new page layout. It's so gay. So stay tuned. |
|
| Back to top |
|
Frommer Baby
Posts: 1
|
| Posted: Tuesday 21st November 2:24am Post subject: |
|
|
Hey luv2dostuff, I was wondering if u happend to still have that Div tutorial part 2 u created in conjunction to Diamondandy's part 1 a while back, only the uploads have been deleted from the servers?
If u could PM me that's be great. |
|
| Back to top |
|
evilxturtlex
Posts: 10
|
| Posted: Saturday 30th December 12:44am Post subject: |
|
|
| thanks for the tutorial, but is there any possible way to get rid of the spaces on top of the comments where my friends used to be? theres like 5 spaces on top of my comments |
|
| Back to top |
|
|
