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
Print
Go Down Pages 1 2 3 4
User actions

Antechinus

#40
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

SoLoGHoST

#41
January 06, 2010, 05:49:20 PM Last Edit: January 06, 2010, 05:55:42 PM by SoLoGHoST
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

#42
January 06, 2010, 05:56:08 PM
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

#43
January 06, 2010, 06:00:25 PM
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

#44
January 06, 2010, 11:39:31 PM
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

#45
January 07, 2010, 01:30:39 AM
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~

#46
March 12, 2010, 01:44:43 AM
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

#47
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.

~DS~

#48
March 12, 2010, 02:17:28 AM
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

#49
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


Code Select


<?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>



Code Select


<?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~

#50
March 12, 2010, 03:06:39 AM
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

#51
March 12, 2010, 03:25:41 AM

Sorry for my english

†MavN†

#52
March 12, 2010, 04:14:56 AM
Quote from: Makar on March 12, 2010, 03:25:41 AM
fixed

link http://www.simplemachines.ru/index.php?topic=10006.msg68472#msg68472

attached mod and screenshot
mod and screenshot will not shown to guest.

Makar

#53
March 12, 2010, 04:39:38 AM
†MavN† ,  attach these files here

I do not have rights to add attachments

Sorry for my english

Arantor

#54
March 12, 2010, 04:42:13 AM
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.
Holder of controversial views, all of which my own.

Am'

#55
March 12, 2010, 06:48:06 AM
check this :

http://www.simplemachines.org/community/index.php?topic=366792.msg2535632#msg2535632

new light alternative for quote and code style of curve
اذا أحس أحد انه لم يخطأ ابدا في حياته, فهذا يعني أنه لم يجرب أي جديد في حياته
My Mods For SMF 2 RC3 : XQuote XCode - Vbulletin Style New Meta Tags

Antechinus

#56
March 12, 2010, 06:13:20 PM
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~

#57
March 13, 2010, 07:51:53 PM
For RC3


Open index.css and find:
Code Select
/* 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:
Code Select
/* 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

#58
June 02, 2010, 07:45:18 PM
I want to version 1.1.11

Masterd

#59
June 03, 2010, 06:37:44 AM
Can this work with Inferno theme?
Print
Go Up Pages 1 2 3 4
User actions
Advertisement: