News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Alternative quote styles for Curve (RC2)

Started by Antechinus, November 13, 2009, 07:15:24 AM

Previous topic - Next topic

Antechinus

Yup. Opinion seemed to be split half and half on preference for my quotes or Bloc's quotes so we went with the simplest for default. Changing it is easy if you want to.

ETA: Well actually we changed it a little bit for RC3. I'll give you a bit of a sneak preview. This is how the default quotes and code will look in future. Note that the font for code is not that horrible old Courier New or Times New Roman any more. :D

SoLoGHoST

#41
Quote from: SoLoGHoST
Quote from: Antechinus on January 06, 2010, 05:14:22 PM
Yup. Opinion seemed to be split half and half on preference for my quotes or Bloc's quotes so we went with the simplest for default. Changing it is easy if you want to.

ETA: Well actually we changed it a little bit for RC3. I'll give you a bit of a sneak preview. This is how the default quotes and code will look in future. Note that the font for code is not that horrible old Courier New or Times New Roman any more. :D
Well, atleast it's a bit better than what it is like now.

EDIT:  Not sure I agree with the message being on top of the quote inside of the outer quote though.  I almost feel that the message should remain under the quote, as it makes more sense to me that way as it is in here.  Just my opinion though...

Antechinus

Well really there are umpteen ways you can style them. With most browsers these days, apart from the abysmally primitive one, starting to support quite a range of CSS3 tricks you have all sorts of options. I quite like the new default style for what it is. Whether I would use square or rounded quotes would depend on the theme.

LC

I like the second screenshot, it looks nice. But I kinda like the big quotation mark in the beginning of the quote style. It gives it a little bit of character.

Note that message is for the OP. :P

TurtleKicker

Quote from: Antechinus on January 06, 2010, 05:14:22 PMETA: Well actually we changed it a little bit for RC3. I'll give you a bit of a sneak preview. This is how the default quotes and code will look in future. Note that the font for code is not that horrible old Courier New or Times New Roman any more. :D

You're still using the wrong quote, though. Since it's in the beginning, it should be the opening quote, not a closing quote.

Visually, it's very confusing and makes no sense. I'd like to see SMF hold to a higher level of polish than to let such obvious things slip through (especially when they've been pointed out so many times now and would be trivial to fix). ;)

Antechinus

Oh it has been changed to the the way around. That was just my initial trial screenshot from my local site when I was running it past the team. I agree the old quote image looks silly so I made a new one before committing the changes to svn. ;)

~DS~

I noticed the codes are now different in RC3. 
I hope this trick still works.
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

Antechinus

It will need some adjustments to the css (changed class names, etc) but basically it should still work.

~DS~

Quote from: Antechinus on March 12, 2010, 02:10:52 AM
It will need some adjustments to the css (changed class names, etc) but basically it should still work.
So it's just names? I can search using the code that way, no?
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

Makar

Antechinus,   I used your code and arrange it in a mod
fixed mapping in RC3
you will not be against it?


can not attach a file




<?xml version="1.0"?>
<!DOCTYPE package-info SYSTEM "http://www.simplemachines.org/xml/package-info">
<package-info xmlns="http://www.simplemachines.org/xml/package-info" xmlns:smf="http://www.simplemachines.org/">
<id>grafitus:Nise_Quotes_Antechinus</id>
<name>Nise Quotes</name>
<version>1.0</version>
<type>modification</type>
<install for="2.0 RC2, 2.0 RC3">
<readme type="inline">This will install Nise Quotes for SMF 2.0.  Thank you for graphics, and code Antechinus http://www.simplemachines.org/community/index.php?topic=347845.0 .</readme>
<modification>install_RC_3.xml</modification>
<require-file name="quote_ends.png" destination="$imagesdir/theme" />
<require-file name="quote_slices.png" destination="$imagesdir/theme" />
</install>
<uninstall for="2.0 RC2, 2.0 RC3">
<readme type="inline">This will install Nise Quotes for SMF 2.0.  Thank you for graphics, and code Antechinus http://www.simplemachines.org/community/index.php?topic=347845.0 </readme>
<modification reverse="true">install_RC_3.xml</modification>
<remove-file name="$imagesdir/theme/quote_ends.png" />
<remove-file name="$imagesdir/theme/quote_slices.png" />
</uninstall>
</package-info>





<?xml version="1.0"?>
<!DOCTYPE modification SYSTEM "http://www.simplemachines.org/xml/modification">
<modification xmlns="http://www.simplemachines.org/xml/modification" xmlns:smf="http://www.simplemachines.org/">
<id>grafitus:Nise_Quotes</id>
<version>1.0</version>
<file name="$themedir/css/index.css">
<operation>
<search position="replace"><![CDATA[/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
font-size: x-small;
color: #000;
line-height: 1.4em;
background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
border-top: 2px solid #99A;
border-bottom: 2px solid #99A;
padding: 1.1em 1.4em;
margin: 0.1em 0 0.3em 0;
overflow: auto;
}

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote
{
background-color: #d7daec;
}
blockquote.bbc_alternate_quote
{
background-color: #e7eafc;
}

/* A code block - maybe PHP ;). */
code.bbc_code
{
display: block;
font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
font-size: x-small;
background: #eef;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
line-height: 1.5em;
padding: 3px 1em;
overflow: auto;
white-space: pre;
/* Show a scrollbar after about 24 lines. */
max-height: 24em;
}
]]></search>
<add><![CDATA[/* A quote, perhaps from another post. */
.codeheader, .quoteheader
{
font-size: 0.9em;
font-weight: bold;
padding-left: 20px;
}
.quoteheader, blockquote blockquote .quoteheader
{
color: #7a899c;
    background: url(../images/theme/quote_ends.png) 0 -100px no-repeat;
}
.topslice_quote, blockquote blockquote .topslice_quote
{
    background: url(../images/theme/quote_slices.png) 100% -100px no-repeat;
padding: 0.0em 0.5em;
}
blockquote .quoteheader
{
color: #7a899c;
    background: url(../images/theme/quote_ends.png) 0 0 no-repeat;
}
blockquote .topslice_quote
{
    background: url(../images/theme/quote_slices.png) 100% 0 no-repeat;
}
blockquote, blockquote blockquote blockquote
{
font-size: 0.9em;
color: #000000;
line-height: 1.4em;
background: #FFFFFF;
border-left: 1px solid #DCE0F3;
border-right: 1px solid #DCE0F3;
padding: 0 1em 0 1.5em;
margin: 0 0 0 0;
}
blockquote blockquote
{
background: #F0F4F7;
border-left: 1px solid #D8DDF1;
border-right: 1px solid #D8DDF1;
}
.quotefooter, blockquote blockquote .quotefooter
{
    background: url(../images/theme/quote_ends.png) 0 100% no-repeat;
padding-left: 20px;
margin-bottom: 5px;
}
.botslice_quote, blockquote blockquote .botslice_quote
{
    height: 10px;
background: url(../images/theme/quote_slices.png) 100% 100% no-repeat;
}
blockquote .quotefooter
{
color: #7a899c;
    background: url(../images/theme/quote_ends.png) 0 -270px no-repeat;
padding-left: 20px;
}
blockquote .botslice_quote
{
    height: 10px;
background: url(../images/theme/quote_slices.png) 100% -230px no-repeat;
}
blockquote blockquote blockquote .quoteheader {display: none;}
blockquote blockquote blockquote blockquote {display: none;}
blockquote blockquote blockquote .quotefooter {display: none;}

/* A code block - maybe even PHP ;). */
code
{
display: block;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
background: #eee;
border-top: solid 4px #AAAABB;
border-bottom: solid 4px #AAAABB;
line-height: 1.3em;
padding: 3px 1em;
overflow: auto;
white-space: pre;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
} ]]></add>
</operation>
</file>

<file name="$themedir/css/index.css">
<operation>
<search position="replace"><![CDATA[/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
color: #666;
font-size: x-small;
font-weight: bold;
padding: 0 0.3em;
}]]></search>
<add><![CDATA[/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
color: #666;
font-size: x-small;
font-weight: bold;
padding: 5 0.0em;
}]]></add>
</operation>
</file>



</modification>





sorry for my English

Sorry for my english

~DS~

Which quote is it?
The second quote style?
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

Makar


Sorry for my english

†MavN†


Makar

†MavN† ,  attach these files here

I do not have rights to add attachments

Sorry for my english

Arantor

You can't attach files to topics in this board (just as you can't normally start topics in this board). You may have to start a new topic in Coding Discussion.

Am'

اذا أحس أحد انه لم يخطأ ابدا في حياته, فهذا يعني أنه لم يجرب أي جديد في حياته
My Mods For SMF 2 RC3 : XQuote XCode - Vbulletin Style New Meta Tags

Antechinus

Quote from: Makar on March 12, 2010, 03:00:17 AM
Antechinus,   I used your code and arrange it in a mod
fixed mapping in RC3
you will not be against it?


can not attach a file


sorry for my English

Go for it. I don't mind at all, as long as your mod is cleanly coded and installs without errors. I'll just code anything I like for my own use anyway, but I realise other people may need a mod to make things easy for them. :)

~DS~

For RC3


Open index.css and find:
/* Alterate blockquote stylings */
blockquote.bbc_standard_quote
{
background-color: #d7daec;
}
blockquote.bbc_alternate_quote
{
background-color: #e7eafc;
}

/* A code block - maybe PHP ;). */
code.bbc_code
{
display: block;
font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
font-size: x-small;
background: #eef;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
line-height: 1.5em;
padding: 3px 1em;
overflow: auto;
white-space: pre;
/* Show a scrollbar after about 24 lines. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
color: #666;
font-size: x-small;
font-weight: bold;
padding: 0 0.3em;
}


Replace it with:/* A quote, perhaps from another post. */
.codeheader, .quoteheader
{
   font-size: 0.9em;
   font-weight: bold;
   padding-left: 20px;
}
.quoteheader, blockquote blockquote .quoteheader
{
   color: #7a899c;
    background: url(../images/theme/quote_ends.png) 0 -100px no-repeat;   
}
.topslice_quote, blockquote blockquote .topslice_quote
{
    background: url(../images/theme/quote_slices.png) 100% -100px no-repeat;   
   padding: 0.0em 0.5em;
}
blockquote .quoteheader
{
   color: #7a899c;
    background: url(../images/theme/quote_ends.png) 0 0 no-repeat;   
}
blockquote .topslice_quote
{
    background: url(../images/theme/quote_slices.png) 100% 0 no-repeat;
}
blockquote, blockquote blockquote blockquote
{
   font-size: 0.9em;
   color: #000000;
   line-height: 1.4em;
   background: #FFFFFF;
   border-left: 1px solid #DCE0F3;
   border-right: 1px solid #DCE0F3;   
   padding: 0 1em 0 1.5em;
   margin: 0 0 0 0;
}
blockquote blockquote
{
   background: #F0F4F7;
   border-left: 1px solid #D8DDF1;
   border-right: 1px solid #D8DDF1;
}
.quotefooter, blockquote blockquote .quotefooter
{
    background: url(../images/theme/quote_ends.png) 0 100% no-repeat;   
   padding-left: 20px;
   margin-bottom: 5px;
}
.botslice_quote, blockquote blockquote .botslice_quote
{
    height: 10px;
   background: url(../images/theme/quote_slices.png) 100% 100% no-repeat;   
}
blockquote .quotefooter
{
   color: #7a899c;
    background: url(../images/theme/quote_ends.png) 0 -270px no-repeat;   
   padding-left: 20px;   
}
blockquote .botslice_quote
{
    height: 10px;
   background: url(../images/theme/quote_slices.png) 100% -230px no-repeat;
}
blockquote blockquote blockquote .quoteheader {display: none;}
blockquote blockquote blockquote blockquote {display: none;}
blockquote blockquote blockquote .quotefooter {display: none;}

/* A code block - maybe even PHP ;). */
code
{
   display: block;
   font-family: "courier new", "times new roman", monospace;
   font-size: x-small;
   background: #eee;
   border-top: solid 4px #AAAABB;
   border-bottom: solid 4px #AAAABB;
   line-height: 1.3em;
   padding: 3px 1em;
   overflow: auto;
   white-space: pre;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
}
/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
   color: #666;
   font-size: x-small;
   font-weight: bold;
   padding: 5 0.0em;
}



http://www.empireofthesun.net/forum/index.php?topic=6090.0
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

Aportadordelmix


Masterd


Advertisement: