Lege plekken, Tinypic & Slider

van Daniminibanani wo 16 dec 2015 - 8:14

Hallo Gast,

Ik ben met een paar anderen aan het werken aan een forum, maar ik loop tegen drie dingen aan.

1) Lege plek
Onder mijn banner valt een lege plek. Die zit tussen de reclame van het forum en de banner. Ik weet dat de reclame moet blijven staan, maar ik zou dat gedeelte toch iets hoger willen hebben, zodat er niet zo'n wit leeg vlak te zien is.

Screenshot:

2) Tinypic
Mijn forum upload nu met Servimg foto's, maar ik zou liever Tinypic hebben want ik vind dat fijner werken. Is dat mogelijk?

3) Slider
Ik wil een slider neerzetten, maar ik wil dat hij ook boven de pagina te zien is in de topics of in de topiclijsten (overal dus). Ik dacht dat ik dat in de templates moest doen, maar toen deed hij het niet. En ik weet niet waar je het javascript dan zou moeten neerzetten.

Dat waren de problemen. Hopelijk snappen jullie wat ik bedoel.

P.S) Ik kan niet in mijn profiel aanpassen welke site ik nu aan het maken ben, want hij springt steeds weer terug. Die site in mijn profiel is het dus niet. ^^"

P.P.S) Het is gelukt.

van 10spetter10 wo 16 dec 2015 - 11:42

Tof dat het uiteindelijk toch gelukt is om de url in je profiel te steken. Normaal is er plaats om twee forums op te slaan in je profiel, misschien dat je dat later wel handiger vind dan altijd te wisselen.

Die witte ruimte is de plaats waar normaal je navbar zou staan, maar deze heb je naar boven geschoven. Om die ruimte nu op te vullen moet je de page-body ook naar boven doen.

Code:
#page-body { margin-top: -100px; }
Ik weet dat er op het franse forum een tutorial staat om imgur te gebruiken ipv servimg, maar voor tinypic zal ik nog even moeten zoeken.
De slider die je wilt hebben, is die enkel voor afbeeldingen of zou je er ook tekstblokken in willen steken?
Wil je dat de slider ook te besturen is of zonder controlepaneel heel de tijd de afbeeldingen herhaalt?

van Daniminibanani wo 16 dec 2015 - 13:33

1) Dat is gelukt! Heel erg bedankt. ^^

2) Is prima hoor, doe rustig aan. Ik zou het voor nu even op imgur zetten als dat gaat.

3) Ik wil er alleen afbeeldingen in zetten. De slider moet onder(of boven) die extra blokjes komen te staan. De blokjes hoeven er niet op. :'D
Het is meer dat je een hele code onder je slider code moet zetten en lukt dat in de templates? CSS doe je in de CSS natuurlijk, maar de tutorial is voor het index bericht en daar heb je plek voor die hele code. Het index bericht zie je alleen op de index terwijl ik het liefst wil (net zoals de drie blokjes bovenaan) dat ze altijd te zien zijn, niet alleen op de index.

Hoop dat ik het zo iets duidelijker zeg? c;

van 10spetter10 wo 16 dec 2015 - 16:32

Deze heb ik ondertussen al gevonden. Hij stond op het Roemeense ondersteuningsforum.

Deze code moet je in een nieuw javascript zetten met als plaatsing "op alle pagina's"

Code:
$(function() { $(function() { var width = '300'; // breedte container var height = '250'; // hoogte container $('.sceditor-button-servimg').click(function() { $('.sceditor-servimg').html('<iframe src="http://plugin.tinypic.com/plugin/index.php?popts=l,narrow|t,images|c,forum|i,ro|s,false" scrolling="auto" allowtransparency="true" frameborder="0" width="' + width + '" height="' + height + '">Update your browser for tinypic.com</iframe>'); }); }); });
Hiervoor ga ik inderdaad een paar aanpassingen moeten doen aan de template 'overall_header'.

Hieronder heb je de code van een nivo slider die wel lijkt te werken. Je moet wel de url en de grootte van je afbeelding nog invullen (plaats aangeduid met **). Je kan eventueel een titel meegeven die dan onderaan de afbeelding komt te staan.

Code:
<link media="screen" type="text/css" href="http://static.tumblr.com/hhedat8/8cbmksz3o/nivo-slider.css" rel="stylesheet" /> <link media="screen" type="text/css" href="http://static.tumblr.com/hhedat8/J4Bmksyye/default.css" rel="stylesheet" /> <div id="wrapper"> <div class="slider-wrapper theme-default"> <div class="nivoSlider" id="slider"> <img style="width: **px; height: **px;" title="" src="**" /> <img style="width: **px; height: **px;" title="" src="**" /> </div> </div> </div> <script type="text/javascript" src="http://static.tumblr.com/hhedat8/NqOmksx73/jquery.nivo.slider.js"></script> <script type="text/javascript"> jQuery(window).load(function() { jQuery('#slider').nivoSlider(); }); </script>