Zurück   Web to Date Forum > Web to Date > Web to Date 8.0

Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Ansicht
Alt 23.07.2012, 14:15   #1 (permalink)
Neuer Benutzer
 
Registriert seit: 25.11.2010
Ort: 96253
Beiträge: 22
stammb befindet sich auf einem aufstrebenden Ast
Standard "Nach oben"

Hallo,
benutze 8,0- Carbon -
Ich suche eine Funktion "Nach oben" für jede Seite. Vielleicht habe ich auch die Stelle überlesen. Finde in Hilfe auch nichts. Oder muss wie bisher in 6,0 ein HtmL Absatz eingefügt werden ?
mfg
stammberger heinz
stammb ist offline   Mit Zitat antworten
Alt 23.07.2012, 14:31   #2 (permalink)
Erfahrener Benutzer
 
Benutzerbild von w2dfan
 
Registriert seit: 11.11.2009
Ort: Niederlande
Beiträge: 1.938
w2dfan befindet sich auf einem aufstrebenden Ast
Standard AW: "Nach oben"

Vielleicht kannst du mit diesen Beitrag was anfangen. Ansonsten bemühe mal google mit dem Begriff jQuery scroll to top
__________________
VG
W2D Fan
w2dfan ist offline   Mit Zitat antworten
Alt 23.07.2012, 16:29   #3 (permalink)
Erfahrener Benutzer
 
Benutzerbild von harlekin8
 
Registriert seit: 05.08.2011
Ort: Freiburg
Beiträge: 691
harlekin8 wird schon bald berühmt werden
Standard AW: "Nach oben"

Hi,

nun denn ... hatte ich schonmal für Carbon gemacht - daher ...

1.) Kopiere die Dateien up.js und scrolltop.js im common-Verzeichnis von W2D8 und die Grafik-Datei upbutton.png im Design-Verzeichnis Carbon. (diese 3 Dateien findest du im Dateianhang unten)

2.) Trage in der global.ccml deines Designs:

Code:
<cc:*> Nach Oben Button</cc:*> 
<cc:asset src="scrolltop.js" dst="top.js" obj="top" common="1" noparse="1">
<cc:asset src="up.js" dst="up.js" obj="upscript" common="1" noparse="1">
<cc:asset src="upbutton.png" dst="upb.png" obj="upb" noparse="1">
3.)in der config.ccml:

Code:
<cc:property id="design.topic.upbutton" caption="Button nach oben" folder="Design" targettype="topic" type="boolean" default="0">
Damit kannst auf jeder Hauptseite über die erweit. Eigenschaften bestimmen ob ein "nach oben"-Button eingeblendet werden soll. Default ist hier "nein", also mußt du für die Seiten erst auf ja klicken.

4.)in der navigation.ccml ( nur die orangenen Zeilen) - im Head Bereich:

Code:
<script type="text/javascript" src="<cc:print value="&jquery.url">"></script>
<script type="text/javascript" src="<cc:print value="&jqueryflowmenu.url">"></script>
...
<!-- Nach oben Button -->
<script type="text/javascript" src="<cc:print value="&top.url">"></script>
und VOR dem abschliessendem </head>-Tag:

Code:
...
<!-- Nach-Oben Button Script -->
<script type="text/javascript" src="<cc:print value="&upscript.url">"></script>
</head>
<body>
...
5.) in der page.ccml fügst du vor dem letzten schliessenden </div>-Tag

Code:
...
<!-- Nach oben Button -->
<cc:if cond="&topic.properties.design.topic.upbutton">
<div id="ontop" onclick="return scrollToTop();" style="display: none; width: 576px;"><img src="../<cc:print value="&upb.url">" width="70" height="70" align="right" alt="Nach Oben" border="0"/>
</div>
</cc:if>

</div>


6.) bei Bedarf in der style_design.css:

Code:
/* Nachoben-Button */

#ontop img{
    cursor: pointer !important;
}
}

... hoffe ich habe nix vergessen ...

Viel Erfolg
Angehängte Dateien
Dateityp: zip nach oben.zip (2,3 KB, 33x aufgerufen)
__________________
Ingo

>> Auch Quellen und Brunnen versiegen, wenn man zu oft und zu viel aus ihnen schöpft. <<
- D. -

Geändert von harlekin8 (23.07.2012 um 16:52 Uhr)
harlekin8 ist gerade online   Mit Zitat antworten
Alt 23.07.2012, 21:24   #4 (permalink)
Erfahrener Benutzer
 
Benutzerbild von Alain_D
 
Registriert seit: 11.01.2010
Ort: Berlin
Beiträge: 294
Alain_D befindet sich auf einem aufstrebenden Ast
Standard AW: "Nach oben"

Hallo Ingo,

als erweiterte Eigenschaft elegant gelöst. Vergessen hast Du "nix".
Habe meine bisherige Lösung über Bord geworfen und Deine übernommen > hier <
Vielen Dank!
__________________
Gruß
Alain

LBB-Radsport.de
Sparte Radsport der
BSG Landesbank Berlin

RVg Nord Berlin
Radsportvereinigung Nord Berlin für Radtourenfahren und Radball
Alain_D ist offline   Mit Zitat antworten
Alt 23.07.2012, 21:50   #5 (permalink)
Administrator
 
Benutzerbild von voodoo36
 
Registriert seit: 17.04.2009
Ort: Regensburg
Beiträge: 4.395
voodoo36 befindet sich auf einem aufstrebenden Ast
Standard AW: "Nach oben"

Hallo Alain, ich hatte diese Möglichkeit "Scroll on Top mit Grafik" auch schon mal verwendet..., >HIER< meine etwas dezentere Lösung am Rand der Page ...
__________________
Grüße aus Bayern
voodoo36 ist offline   Mit Zitat antworten
Alt 23.07.2012, 22:13   #6 (permalink)
Erfahrener Benutzer
 
Benutzerbild von harlekin8
 
Registriert seit: 05.08.2011
Ort: Freiburg
Beiträge: 691
harlekin8 wird schon bald berühmt werden
Standard AW: "Nach oben"

@Alain_D,

... gerne !

Schöne Woche
__________________
Ingo

>> Auch Quellen und Brunnen versiegen, wenn man zu oft und zu viel aus ihnen schöpft. <<
- D. -
harlekin8 ist gerade online   Mit Zitat antworten
Alt 24.07.2012, 07:25   #7 (permalink)
Erfahrener Benutzer
 
Benutzerbild von Alain_D
 
Registriert seit: 11.01.2010
Ort: Berlin
Beiträge: 294
Alain_D befindet sich auf einem aufstrebenden Ast
Standard AW: "Nach oben"

Ja Thomas, Radfahrer sind von Natur aus ein bisschen blind. Die Idee, den Pfeil an den Rand der Page zu versetzen, gefällt mir natürlich auch...
__________________
Gruß
Alain

LBB-Radsport.de
Sparte Radsport der
BSG Landesbank Berlin

RVg Nord Berlin
Radsportvereinigung Nord Berlin für Radtourenfahren und Radball
Alain_D ist offline   Mit Zitat antworten
Alt 24.07.2012, 19:20   #8 (permalink)
Erfahrener Benutzer
 
Benutzerbild von Alain_D
 
Registriert seit: 11.01.2010
Ort: Berlin
Beiträge: 294
Alain_D befindet sich auf einem aufstrebenden Ast
Standard AW: "Nach oben"

... und jetzt habe ich es umgesetzt.
__________________
Gruß
Alain

LBB-Radsport.de
Sparte Radsport der
BSG Landesbank Berlin

RVg Nord Berlin
Radsportvereinigung Nord Berlin für Radtourenfahren und Radball
Alain_D ist offline   Mit Zitat antworten
Alt 24.07.2012, 19:43   #9 (permalink)
Erfahrener Benutzer
 
Benutzerbild von harlekin8
 
Registriert seit: 05.08.2011
Ort: Freiburg
Beiträge: 691
harlekin8 wird schon bald berühmt werden
Standard AW: "Nach oben"

@Alain_D

... im Design von @voodoo36 keine schlechte Wahl. Bei deinem Design scheint das nicht die beste Lösung zu sein, da so ein "Floating"-Banner das gelegentlich überdeckt ...

Vielleicht wäre der Footer (links vom Bär) od. angedockt an der Footer Oberkante die bessere Wahl ...

Schöne Woche
__________________
Ingo

>> Auch Quellen und Brunnen versiegen, wenn man zu oft und zu viel aus ihnen schöpft. <<
- D. -
harlekin8 ist gerade online   Mit Zitat antworten
Alt 24.07.2012, 22:10   #10 (permalink)
Erfahrener Benutzer
 
Benutzerbild von Alain_D
 
Registriert seit: 11.01.2010
Ort: Berlin
Beiträge: 294
Alain_D befindet sich auf einem aufstrebenden Ast
Standard AW: "Nach oben"

Hallo Ingo,

vielen Dank für Deinen Hinweis. Vor meinem 27" vergesse ich gern mal, dass zahlreiche Besucher mit niedrigeren Auflösungen unterwegs sind.

Deinen Vorschlag mit dem Pfeil im bzw. am Footer habe ich getestet. Da dort schon 3 Grafiken vorhanden sind, sah es mit dem Pfeil etwas überfrachtet aus. Diesen habe ich daher an seine traditionelle Position zurückgebracht. War ein Versuch wert...
__________________
Gruß
Alain

LBB-Radsport.de
Sparte Radsport der
BSG Landesbank Berlin

RVg Nord Berlin
Radsportvereinigung Nord Berlin für Radtourenfahren und Radball
Alain_D ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Stichworte
nach oben funktion

Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Trillurium "nach oben" entfernen Asterix Web to Date 7.0 4 30.01.2013 17:51
wie macht man diesen "nach oben" button? louis.bergmann Web to Date 8.0 7 18.10.2011 14:42
"Nach oben" Links einfügen Lars M Web to Date 6.0 7 13.01.2011 20:41
Design Pythagoras extreme - Button "nach oben" praesimfh Web to Date CCML Designs 2 02.09.2010 19:58
"nach oben " Pfeil einfügen Schakatak Web to Date 5.0 7 11.07.2010 15:03


Seite generiert in 0,06431 Sekunden mit 20 Datenbankabfragen

1 2 3 4 5 6 7 8 9 10 11 12