Author Topic: Site Suggestions  (Read 64604 times)

Offline etech0

  • Dansdeals Lifetime Presidential Platinum Elite
  • *********
  • Join Date: Dec 2013
  • Posts: 9314
  • Total likes: 293
  • DansDeals.com Hat Tips 1
    • View Profile
  • Location: not lakewood
  • Programs: DDF
Re: Site Suggestions
« Reply #810 on: February 20, 2018, 06:59:17 PM »
Is something like this better?



ETA: I see @etech0 beat me to it...
Just saw your ETA, but I like yours better!
Workflowy. You won't know what you're missing until you try it.

Offline whYME

  • Dansdeals Presidential Platinum Elite
  • ********
  • Join Date: May 2008
  • Posts: 2755
  • Total likes: 348
  • DansDeals.com Hat Tips 3
  • Gender: Male
    • View Profile
Re: Site Suggestions
« Reply #811 on: February 20, 2018, 07:15:11 PM »
I like yours better!
Me too :)
Although I do like your idea of making the link a little bigger

Offline etech0

  • Dansdeals Lifetime Presidential Platinum Elite
  • *********
  • Join Date: Dec 2013
  • Posts: 9314
  • Total likes: 293
  • DansDeals.com Hat Tips 1
    • View Profile
  • Location: not lakewood
  • Programs: DDF
Re: Site Suggestions
« Reply #812 on: February 20, 2018, 07:50:41 PM »
Me too :)
Although I do like your idea of making the link a little bigger
:)

Can you post your CSS so I can try it out?
Workflowy. You won't know what you're missing until you try it.

Offline whYME

  • Dansdeals Presidential Platinum Elite
  • ********
  • Join Date: May 2008
  • Posts: 2755
  • Total likes: 348
  • DansDeals.com Hat Tips 3
  • Gender: Male
    • View Profile
Re: Site Suggestions
« Reply #813 on: February 20, 2018, 08:04:26 PM »
Can you post your CSS so I can try it out?

I don't remember exactly but it was something like this. (I don't remember the values I used and I'm too lazy to look up the actual element ids/classes)
Code: [Select]
linkContainer {
    position: relative;
    padding-left: 50px;
}
link {
    position: absolute;
    left: 6px;
    top: 10px;
}

Online Something Fishy

  • Global Moderator
  • Dansdeals Lifetime Presidential Platinum Elite
  • **********
  • Join Date: Jan 2011
  • Posts: 6085
  • Total likes: 922
  • DansDeals.com Hat Tips 41
    • View Profile
    • My Flickr Page
  • Location: Not Brooklyn
Re: Site Suggestions
« Reply #814 on: February 20, 2018, 08:10:49 PM »
Then how about this way?


Code: [Select]
a[id^="newicon"] {
    float: left;
    margin-right:4px;
}

Infinitely better.

Offline etech0

  • Dansdeals Lifetime Presidential Platinum Elite
  • *********
  • Join Date: Dec 2013
  • Posts: 9314
  • Total likes: 293
  • DansDeals.com Hat Tips 1
    • View Profile
  • Location: not lakewood
  • Programs: DDF
Re: Site Suggestions
« Reply #815 on: February 20, 2018, 10:43:38 PM »
I don't remember exactly but it was something like this. (I don't remember the values I used and I'm too lazy to look up the actual element ids/classes)
Got it!
Code: [Select]
.subject.windowbg2 div{
    position: relative;
    padding-left: 50px;
}

a[id^="newicon"] {
    position: absolute;
    left: 6px;
    top: 10px;
}

a[id^="newicon"] img {
   height:14px;
}

Workflowy. You won't know what you're missing until you try it.

Online mmgfarb

  • Dansdeals Lifetime Presidential Platinum Elite
  • *********
  • Join Date: Dec 2015
  • Posts: 7508
  • Total likes: 617
  • DansDeals.com Hat Tips 4
    • View Profile
Re: Site Suggestions
« Reply #816 on: February 20, 2018, 11:17:03 PM »
Got it!
Code: [Select]
.subject.windowbg2 div{
    position: relative;
    padding-left: 50px;
}

a[id^="newicon"] {
    position: absolute;
    left: 6px;
    top: 10px;
}

a[id^="newicon"] img {
   height:14px;
}


That looks great!
"JS [is] a fetid cesspool of unvarnished linguistic manure, with lots of useless drivel and post-padding." -Moishebatchy

Offline Dan

  • Administrator
  • Dansdeals Lifetime 50K Presidential Platinum Elite
  • **********
  • Join Date: May 2008
  • Posts: 53003
  • Total likes: 2220
  • DansDeals.com Hat Tips 16441
  • Gender: Male
    • View Profile
  • Location: CLE
  • Programs: UA Global Services, AA Lifetime Plat, DL Dirt, SPG Plat, Hyatt Diamond, Fairmont Lifetime Plat, Hilton Diamond, Priority Club Plat, Avis Chairman, National EE, Hertz PC
Re: Site Suggestions
« Reply #817 on: February 21, 2018, 12:07:38 AM »
Now, where do I stick that code  ???
Save your time, I don't answer PM. Post it in the forum and a dedicated DDF'er will get back to you as soon as possible.

Offline davidrotts63

  • Dansdeals Lifetime Presidential Platinum Elite
  • *********
  • Join Date: May 2017
  • Posts: 6604
  • Total likes: 685
  • DansDeals.com Hat Tips 24
  • Gender: Male
    • View Profile
  • Programs: Hertz Gold, Hyatt Member, BA Blue, Ebay banned, Amazon Prime
Re: Site Suggestions
« Reply #818 on: February 21, 2018, 12:08:15 AM »
Now, where do I stick that code  ???
+1
(Quit) pulling out the flowers, and watering the weeds. -Peter Lynch

Offline etech0

  • Dansdeals Lifetime Presidential Platinum Elite
  • *********
  • Join Date: Dec 2013
  • Posts: 9314
  • Total likes: 293
  • DansDeals.com Hat Tips 1
    • View Profile
  • Location: not lakewood
  • Programs: DDF
Re: Site Suggestions
« Reply #819 on: February 21, 2018, 12:14:47 AM »
For yourself?

Install the Chrome extension called Stylish: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en

Create a new script that looks like this:



(Copy and paste the code from my post upthread)

For the entire DDF community, you'll have to ask someone who knows how SMF works.
« Last Edit: February 21, 2018, 12:53:22 AM by etech0 »
Workflowy. You won't know what you're missing until you try it.

Online mmgfarb

  • Dansdeals Lifetime Presidential Platinum Elite
  • *********
  • Join Date: Dec 2015
  • Posts: 7508
  • Total likes: 617
  • DansDeals.com Hat Tips 4
    • View Profile
Re: Site Suggestions
« Reply #820 on: February 21, 2018, 12:18:37 AM »
For yourself?

Install the Chrome extension called Stylish: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en

Create a new script that looks like this:



(Copy and paste the code from my post upthread)

For the entire DDF community, you'll have to ask someone who knows how SMF works.
Thanks!
"JS [is] a fetid cesspool of unvarnished linguistic manure, with lots of useless drivel and post-padding." -Moishebatchy

Offline yesitsme

  • Dansdeals Lifetime Platinum Elite
  • *******
  • Join Date: Dec 2014
  • Posts: 1553
  • Total likes: 185
  • DansDeals.com Hat Tips 4
  • Gender: Male
    • View Profile
Re: Site Suggestions
« Reply #821 on: February 21, 2018, 01:27:51 AM »
http://forums.dansdeals.com/index.php?action=admin;area=theme;th=1;;sa=edit;filename=css/index.css


before
Code: [Select]
/* Styles for print media.add
Got it!
Code: [Select]
.subject.windowbg2 div{
    position: relative;
    padding-left: 50px;
}

a[id^="newicon"] {
    position: absolute;
    left: 6px;
    top: 10px;
}

a[id^="newicon"] img {
   height:14px;
}



Offline yesitsme

  • Dansdeals Lifetime Platinum Elite
  • *******
  • Join Date: Dec 2014
  • Posts: 1553
  • Total likes: 185
  • DansDeals.com Hat Tips 4
  • Gender: Male
    • View Profile
Re: Site Suggestions
« Reply #822 on: February 21, 2018, 01:29:40 AM »
the document would end with

#helpmain ul
{
   line-height: 1.5em;
}

.subject.windowbg2 div{
    position: relative;
    padding-left: 50px;
}

a[id^="newicon"] {
    position: absolute;
    left: 6px;
    top: 10px;
}

a[id^="newicon"] img {
   height:14px;
}


/* Styles for print media.
------------------------------------------------------- */
@media print
{
   #headerarea
   {
      display: none;
   }

   .tborder
   {
      border: none;
   }
}

Offline whYME

  • Dansdeals Presidential Platinum Elite
  • ********
  • Join Date: May 2008
  • Posts: 2755
  • Total likes: 348
  • DansDeals.com Hat Tips 3
  • Gender: Male
    • View Profile
Re: Site Suggestions
« Reply #823 on: February 21, 2018, 12:18:20 PM »
Code: [Select]
.subject.windowbg2 div{
    position: relative;
    padding-left: 50px;
}

a[id^="newicon"] img {
   height:14px;
}

I would do this a bit different.

.subject.windowbg2 { .... }
instead of
.subject.windowbg2 div { ...}

and
a[id^="newicon"] > img { .... }
instead of
a[id^="newicon"] img { ...}

With modern browsers it shouldn't make any real difference but this is more efficient.
The way you have it, for each img and div on the page it would go all the way up the DOM looking for a .subject.windowbg2 or a[id^="newicon"] ancestor. (and each page here has like 6000 imgs) This way the extraneous div is removed and the img only looks one level up.

Offline etech0

  • Dansdeals Lifetime Presidential Platinum Elite
  • *********
  • Join Date: Dec 2013
  • Posts: 9314
  • Total likes: 293
  • DansDeals.com Hat Tips 1
    • View Profile
  • Location: not lakewood
  • Programs: DDF
Re: Site Suggestions
« Reply #824 on: February 21, 2018, 12:21:48 PM »
I would do this a bit different....
I don't totally follow, but here's my new code, which seems to work the same:

Code: [Select]
.subject.windowbg2 {
    position: relative;
    padding-left: 50px;
}

a[id^="newicon"] {
    position: absolute;
    left: 6px;
    top: 10px;
}

a[id^="newicon"] > img {
   height:14px;
}
Workflowy. You won't know what you're missing until you try it.