### Board mmajunke.de ###

Board zu Themen der Website www.mmajunke.de
Aktuelle Zeit: Mi 13. Dez 2017, 04:38

Alle Zeiten sind UTC + 1 Stunde




Ein neues Thema erstellen Auf das Thema antworten  [ 10 Beiträge ] 
Autor Nachricht
 Betreff des Beitrags: additional end Button
Ungelesener BeitragVerfasst: Mi 5. Mai 2010, 10:59 
I think this is pretty cool! I was wondering though if you knew of a way that I could set the button to read less to be AFTER the text you've just expanded. So if someone expands a large amount of text, they won't have to scroll to the top to retract it. It might be a nice design tweak!


Nach oben
  
Mit Zitat antworten  
 Betreff des Beitrags: Re: additional end Button
Ungelesener BeitragVerfasst: Mi 5. Mai 2010, 10:59 
Offline
Moderator
Moderator
Benutzeravatar

Registriert: Di 4. Mai 2010, 18:44
Beiträge: 639
Wohnort: Hennigsdorf
Hi Alex,

thanks.. the Additional End-Button is a good idea. I put it on my todo (must-have) list. I will give the end-button an own CSS-Class so that you can en- or disable the Button how you want.

Greeting Michael


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: additional end Button
Ungelesener BeitragVerfasst: Mi 5. Mai 2010, 11:00 
Offline
Moderator
Moderator
Benutzeravatar

Registriert: Di 4. Mai 2010, 18:44
Beiträge: 639
Wohnort: Hennigsdorf
Hi Alex,

in the Testcase 'Slide3' above you can see current Test-Version 1.5.0 . Here you can show an Buttom-Close-Button. If you don't need the Button you can disable it per CSS-Style.

Another new feature that comes, is an active-Parameter. So Sliders can be opened Default.

I test currently the Version 1.5 and today or tomorrow you can download it.

Greetings Michael


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: additional end Button
Ungelesener BeitragVerfasst: Mi 5. Mai 2010, 11:00 
Michael,

Thanks for the changes. I'll take a look at it.


Nach oben
  
Mit Zitat antworten  
 Betreff des Beitrags: Re: additional end Button
Ungelesener BeitragVerfasst: Mi 5. Mai 2010, 11:01 
Michael,

Take a look at this website: http://www.fivethirtyeight.com/. It has the expanding and contracting text, too. I like yours better in that you can actually see all the text scroll down. But I like his version because of its much simpler buttons. Instead of a changing gif image, just the text changes from "Read more..." to "Retract post." Just another design idea for you!


Nach oben
  
Mit Zitat antworten  
 Betreff des Beitrags: Re: additional end Button
Ungelesener BeitragVerfasst: Mi 5. Mai 2010, 11:02 
Oh and if you want to see your plug-in in action you can see it at http://www.alexsciuto.com.


Nach oben
  
Mit Zitat antworten  
 Betreff des Beitrags: Re: additional end Button
Ungelesener BeitragVerfasst: Mi 5. Mai 2010, 11:02 
Offline
Moderator
Moderator
Benutzeravatar

Registriert: Di 4. Mai 2010, 18:44
Beiträge: 639
Wohnort: Hennigsdorf
Hi Alex,

while development the CloseButton i thought about a additional Parameter for Text to see in CloseButton. But so the configuration would be bigger and bigger and i let it be.

I think, you can make a similary effect also with CSS-Styles..

Brainstorming:
1) create a little Picture with Text 'Retract post'
2) Hide Text in Close Button with CSS

( works so only with Firefox )
.slideBarEndActive {
background-image: url(slideBarEnd.gif); // the new Picture
border: 0px;
background-color: transparent;
color: transparent;
//.. and your others
}

.slideBarEndActive:link {
background-color: transparent;
color: transparent;
}
.slideBarEndActive:visited {
background-color: transparent;
color: transparent;
}
.slideBarEndActive:focus {
background-color: transparent;
color: transparent;
}
.slideBarEndActive:hover {
background-color: transparent;
color: transparent;
}
.slideBarEndActive:active {
background-color: transparent;
color: transparent;
}

3) now you see only the new Image, no Link-Texts and you have the same Effect

) Additional you can create an own Image for Open Button with 'Read more...'

OK ?

Greetings Michael


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: additional end Button
Ungelesener BeitragVerfasst: Mi 5. Mai 2010, 11:02 
Thanks! I will make the attempt!


Nach oben
  
Mit Zitat antworten  
 Betreff des Beitrags: Re: additional end Button
Ungelesener BeitragVerfasst: Mi 5. Mai 2010, 11:03 
Offline
Moderator
Moderator
Benutzeravatar

Registriert: Di 4. Mai 2010, 18:44
Beiträge: 639
Wohnort: Hennigsdorf
Hi Alex,

here is a solution that works fine in IE and Firefox:

Replace :
background-color: transparent;
color: transparent;

With:
background-color: transparent;
color: #FFFFFF;
filter:alpha(opacity=0);
filter:Chroma(color=#FFFFFF)

opacity:0;
-moz-opacity:0;
-khtml-opacity:0;

Greetings Michael


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: additional end Button
Ungelesener BeitragVerfasst: Fr 10. Sep 2010, 03:11 
I think it's useful.


Zuletzt geändert von micha am Mo 13. Sep 2010, 07:36, insgesamt 2-mal geändert.
Hidden advertisement deleted !


Nach oben
  
Mit Zitat antworten  
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Ein neues Thema erstellen Auf das Thema antworten  [ 10 Beiträge ] 

Alle Zeiten sind UTC + 1 Stunde


Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste


Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.
Du darfst keine Dateianhänge in diesem Forum erstellen.

Suche nach:
Gehe zu:  
cron
Impressum
Powered by phpBB

Deutsche Übersetzung durch phpBB.de