Please login or register.

Login with username, password and session length
Advanced search  
Pages: 1 [2]

Author Topic: Image instead of "user"-text (login screen)  (Read 10288 times)

philmoz

  • High flyer
  • ULTIMATE member
  • ******
  • Karma: 161
  • Posts: 1988
    • fiddle 'n fly
Re: Image instead of "user"-text (login screen)
« Reply #15 on: February 29, 2008, 08:50:11 PM »

ok, why not remove the <ul> format. Make each new comment a <p> and wrap them all in an outer div.
in index.php,
<div class="comments_menu">
  <?php new_comments(5, 100); ?>
</div>

then alter the output of the function
Quote
echo '<div class="roundedcornr_top_495569"><div></div></div><div class="roundedcornr_top_495569"><div></div></div>
      <div class="roundedcornr_content_495569"><p><a href="'.db('website').$categorySEF.'/'.$articleSEF.$paging.'/#'.l('comment').$ordinal.'" title="'.l('comment_info').' '.retrieve('title', 'articles', 'id', $r['articleid']).'">'.$ncom.'</a></p></div><div class="roundedcornr_bottom_495569"><div></div></div>';

... may need checking... copy paste might be faulty :D

and then style your <p> within the content [roundedcornr_content_495569] class
Logged
Of all the things I have lost, it is my mind that I miss the most.

eriknorum

  • Jr. Member
  • **
  • Karma: 2
  • Posts: 78
Re: Image instead of "user"-text (login screen)
« Reply #16 on: February 29, 2008, 08:54:34 PM »

ok, why not remove the <ul> format. Make each new comment a <p> and wrap them all in an outer div.
in index.php,
<div class="comments_menu">
  <?php new_comments(5, 100); ?>
</div>

then alter the output of the function
Quote
echo '<div class="roundedcornr_top_495569"><div></div></div><div class="roundedcornr_top_495569"><div></div></div>
      <div class="roundedcornr_content_495569"><p><a href="'.db('website').$categorySEF.'/'.$articleSEF.$paging.'/#'.l('comment').$ordinal.'" title="'.l('comment_info').' '.retrieve('title', 'articles', 'id', $r['articleid']).'">'.$ncom.'</a></p></div><div class="roundedcornr_bottom_495569"><div></div></div>';

... may need checking... copy paste might be faulty :D

and then style your <p> within the content [roundedcornr_content_495569] class

Wow, sounds kinda hardcore :D will try! Thanks!
Edit:Worked like a charm  :-* validates too!
http://www.eriknorum.se/dev/saja.png
Iīll probably bother you guys pretty soon again though, my site rebuild is not done yet ;)
« Last Edit: February 29, 2008, 09:22:38 PM by eriknorum »
Logged

Keyrocks

  • Doug
  • ULTIMATE member
  • ******
  • Karma: 449
  • Posts: 6019
  • Semantically Challenged
    • snews.ca
Re: Image instead of "user"-text (login screen)
« Reply #17 on: February 29, 2008, 09:40:03 PM »

After testing, I beg to differ ;), using the boxes in index.php like you suggested gives this result http://www.eriknorum.se/dev/ul.png  and doing it in snews.php looks like this http://www.eriknorum.se/dev/li.png  which is what I want, but the last one also gives a bunch of validation errors like philmoz warned me about.

Your choice, of course.  ;)
I didn't get either of your sample layouts in my test. I have all comment leads listed within one round-cornered container... which would be my choice... eliminating replication/rendering the cornered container for each comment over and over as your second example shows. Philmoz's suggested options works too.
Logged
Do it now... later may not come.
-------------------------------------------------------------------------------------------------
sNews 1.6 MESU | sNews 1.6 MEMU

eriknorum

  • Jr. Member
  • **
  • Karma: 2
  • Posts: 78
Re: Image instead of "user"-text (login screen)
« Reply #18 on: February 29, 2008, 09:55:57 PM »

After testing, I beg to differ ;), using the boxes in index.php like you suggested gives this result http://www.eriknorum.se/dev/ul.png  and doing it in snews.php looks like this http://www.eriknorum.se/dev/li.png  which is what I want, but the last one also gives a bunch of validation errors like philmoz warned me about.

Your choice, of course.  ;)
I didn't get either of your sample layouts in my test. I have all comment leads listed within one round-cornered container... which would be my choice... eliminating replication/rendering the cornered container for each comment over and over as your second example shows. Philmoz's suggested options works too.
Who knows, if it causes slow page rendering I might change :) I already got another question too   :o If I would like to use the same rounded corner boxes for the comments (not the new_comments) but the comments shown in       <?php center(); ?> where do I find that in snews.php, I thought I had but I hadnīt...they look rounded on my latest screen shot, but thatīs -moz-border-radius...
Edit:Btw, of course itīs + karma for you both, I know itīs time consuming helping rookies out, but we do appreciate it a lot :)
« Last Edit: February 29, 2008, 09:57:34 PM by eriknorum »
Logged

philmoz

  • High flyer
  • ULTIMATE member
  • ******
  • Karma: 161
  • Posts: 1988
    • fiddle 'n fly
Re: Image instead of "user"-text (login screen)
« Reply #19 on: February 29, 2008, 10:25:52 PM »

ok, have a look at the tags function.
Quote
function tags($tag) {
   $tags = array(); $tags['infoline'] = '<p class="date">,readmore,comments,date,edit,</p>';
   $tags['comments'] = '<div class="comment">,<p class="date">,name, '.l('on').' ,date,edit,</p>,<p>,comment,</p>,</div>';
   return $tags[$tag];
}

Quote
$tags['comments'] = '<div class="comment">,<p class="date">,name, '.l('on').' ,date,edit,</p>,<p>,comment,</p>,</div>';
try putting the extra formatting at these points.
On the first one, place the extra bits after the opening comments div, but before the comma.
Logged
Of all the things I have lost, it is my mind that I miss the most.

philmoz

  • High flyer
  • ULTIMATE member
  • ******
  • Karma: 161
  • Posts: 1988
    • fiddle 'n fly
Re: Image instead of "user"-text (login screen)
« Reply #20 on: February 29, 2008, 10:31:45 PM »

eg
Quote
$tags['comments'] = '<div class="comment"><div class="roundedcornr_top_495569"><div></div></div><div class="roundedcornr_top_495569"><div></div></div><div class="roundedcornr_content_495569">,<p class="date">,name, '.l('on').' ,date,edit,</p>,<p>,comment,</p>,</div><div class="roundedcornr_bottom_495569"><div></div></div>';


once again, copy paste may need checking
Logged
Of all the things I have lost, it is my mind that I miss the most.

Keyrocks

  • Doug
  • ULTIMATE member
  • ******
  • Karma: 449
  • Posts: 6019
  • Semantically Challenged
    • snews.ca
Re: Image instead of "user"-text (login screen)
« Reply #21 on: February 29, 2008, 10:47:40 PM »

@ Erik... it would be better if you moved your ongoing questions into New Topics in the CSS Forum. These questions all deal with styling. If they continue here in this topic, they won't be easy to locate so that others can also benefit from the solutions provided.  ;)
Logged
Do it now... later may not come.
-------------------------------------------------------------------------------------------------
sNews 1.6 MESU | sNews 1.6 MEMU

philmoz

  • High flyer
  • ULTIMATE member
  • ******
  • Karma: 161
  • Posts: 1988
    • fiddle 'n fly
Re: Image instead of "user"-text (login screen)
« Reply #22 on: February 29, 2008, 11:13:07 PM »

well, actually, maybe webdesign... will move it now.
Logged
Of all the things I have lost, it is my mind that I miss the most.

Keyrocks

  • Doug
  • ULTIMATE member
  • ******
  • Karma: 449
  • Posts: 6019
  • Semantically Challenged
    • snews.ca
Re: Image instead of "user"-text (login screen)
« Reply #23 on: February 29, 2008, 11:41:34 PM »

well, actually, maybe webdesign... will move it now.
Good move Phil.  ;D
Logged
Do it now... later may not come.
-------------------------------------------------------------------------------------------------
sNews 1.6 MESU | sNews 1.6 MEMU

eriknorum

  • Jr. Member
  • **
  • Karma: 2
  • Posts: 78
Re: Image instead of "user"-text (login screen)
« Reply #24 on: March 01, 2008, 11:55:22 AM »

Will try this, and hopefully soon have something to show  ;D Once again, many thanks!
Logged
Pages: 1 [2]