MyBB.de Forum

Normale Version: Xthreads Seiten responsiv machen
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Moin moin,

hätte mal wieder eine frage zu XThreads da ich die Seiten Responsive umändern möchte.

Ich habe gerade mal versucht das res_rev_newthread Template vom Plugin  Post: #1Restaurant Review umzuschreiben, das ganze sieht so aus

PHP-Code:
<html>
<
head>
<
title>{$lang->newthread_in}</title>
{
$headerinclude}
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/post.js?ver=1813"></script>
{
$relatedThreadsJavaScript}
    
    <script async defer
    src
="https://maps.googleapis.com/maps/api/js?key=XXXXXXX&callback=initMap">
    </script>
<
script type="text/javascript">
var 
geocodermapmap2;
function 
initialize() {
    
geocoder = new google.maps.Geocoder();
    var 
geont "{$GLOBALS['tplvars']['resrev_geo']}";
    var 
myLatlng2 =  new google.maps.LatLng{$GLOBALS['tplvars']['resrev_geo']};
    if(
geont == ""){
        
myLatlng2 =  new google.maps.LatLng(0,0);
    }
    var 
myOptions2 = {
        
zoom4,
        
centermyLatlng2,
        
mapTypeIdgoogle.maps.MapTypeId.ROADMAP
    
}
    
map2 = new google.maps.Map(document.getElementById('map_geol'), myOptions2);
    var 
marker2 = new google.maps.Marker({
        
positionmyLatlng2
        
mapmap2
    
});
    var 
myLatlng = new google.maps.LatLng{$GLOBALS['tplvars']['resrev_geo']};
    var 
myOptions = {
        
zoom4,
        
centermyLatlng,
        
mapTypeIdgoogle.maps.MapTypeId.ROADMAP
    
}
    
map = new google.maps.Map(document.getElementById('map_postbit'), myOptions);
    var 
marker = new google.maps.Marker({
        
positionmyLatlng
        
mapmap
    
});
}

function 
codeAddress() {
    var 
address document.getElementById('xthreads_resrev_location').value;
    
geocoder.geocode({'address'address}, function(resultsstatus) {
        if (
status == google.maps.GeocoderStatus.OK) {
            var 
mylocation results[0].geometry.location;
            
map2.setCenter(mylocation);
            var 
marker3 = new google.maps.Marker({
                
mapmap2,
                
positionmylocation
            
});
            
document.getElementsByName("xthreads_resrev_geo")[0].value mylocation;
        } else {
            
alert("Geocode was not successful for the following reason: " status);
        }
    });
}
</
script>
    </
head>
<
body onload="initialize()">
{
$header}
{
$preview}
{
$thread_errors}
{
$attacherror}
{
$forumrules}
<
form action="newthread.php?fid={$fid}&amp;processed=1" method="post" enctype="multipart/form-data" name="input">
<
input type="hidden" name="my_post_key" value="{$mybb->post_code}/>
<
div class="reply-header">
<
h2>{$lang->thread_subject}</h2>
</
div>
<
div class="panel-body padding_0 trow1" style="border-radius: 3px;">
<
div class="col-sm-12 my_ptop" style="padding-left: 0px; padding-right: 0px;">  
  
<div class="col-sm-10 input-group-sm">
      <div class="re-subject">
    {$prefixselect}    <input type="text" style="border: 2px solid rgba(91, 130, 164, 0.5);" name="subject" onkeyup="return relatedThreads.init(this.value);" class="form-control" placeholder="Erstelle ein neuen Thread "value="{$subject}tabindex="1"><br />
 </
div>
    
      
      
</div>

  </div>
<
div class="col-sm-8">
<
div class="panel-body padding_0 trow1" style="border-radius: 3px;">
<
textarea id="message" name="message" rows="25" style="width: 100%;" tabindex="2" >{$message}</textarea>
{
$codebuttons}
{
$multiquote_external}
</
div>
<
div class="form-bottom">
{
$pollbox}
{
$captcha}
</
div>
</
div>
<
div class="col-sm-4 my_pbottom">
<
div class="post-icons">
<
h3><strong>{$lang->post_icon}</strong></h3>
<
div class="postico">
{
$posticons}
</
div>
    <
div class="resrevextra">
    {
$extra_threadfields}
</
div>
  </div>  
    
<div id="relatedThreadsRow" style="display:none;">
        <div class="post-icons" valign="top"><h3><strong>{$lang->relatedThreadsTitle}</strong></h3></div>
        <div class="postico" id="relatedThreads">{$relatedThreads}</div>
    </div>

<
div class="text-left">  
<label><input type="checkbox" class="modal-check" name="postoptions[signature]" value="1" tabindex="7"{$postoptionschecked['signature']} /> {$lang->options_sig}</label>
{
$disablesmilies}  
{$modoptions}
{
$subscriptionmethod}
</
div>
</
div>
</
div>
<
div class="attach-box">
{
$attachbox}
</
div>
<
div class="actions-bottom" align="center">
<
input type="submit" class="button" name="submit" value="{$lang->post_thread}tabindex="4" accesskey="s" />  
<input type="submit" class="button" name="previewpost" value="{$lang->preview_post}tabindex="5" />
{
$savedraftbutton}
</
div>
<
input type="hidden" name="action" value="do_newthread" />
<
input type="hidden" name="posthash" value="{$posthash}/>
<
input type="hidden" name="attachmentaid" value="" />
<
input type="hidden" name="attachmentact" value="" />
<
input type="hidden" name="quoted_ids" value="{$quoted_ids}/>
<
input type="hidden" name="tid" value="{$tid}/>
{
$editdraftpid}
</
form>
    
{$forumrules}
{
$footer}
<
script type="text/javascript">
    $(".author_avatar img").error(function () {
        $(this).unbind("error").closest('.author_avatar').remove();
    });
</
script>
</
body>
</
html


Problem dabei ist das die Extra Thread Fields nicht richtig dargestellt werden, siehe Bild

[attachment=12608]

Hat jemand eine Ahnung wie ich den Text für die einzelnen Bewertungen untereinander bekomme?

Da im Template ja nicht die einzelnen Custom Thread Fields angesprochen werden sondern mit {$extra_threadfields} alle eingefügt werden stehe ich da gerade auf dem schlauch.

In meiner theme.css habe ich folgendes eingetragen

Code:
.resrevextra {
    background: #086A87;
    padding: 10px;
    text-align: left;
}
Habs hinbekommen Thema erledigt.