phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

Avatar e.d links i.p.v. rechts [ProSilver]

https://www.phpbb.nl/forums/viewtopic.php?f=54&t=38237

Pagina 1 van 1

Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 09:51
door JochemOnline
Zie titel.
Hoe krijg ik dat voor elkaar?

Dus bij een post dat naast je post de avatar e.d links staat en niet rechts.. :geek:

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 11:20
door Semi_Deus
Open de ./styles/prosilver/theme/content.css:

Code: Selecteer alles

    /* Post body styles
    ----------------------------------------*/
    .postbody {
        padding: 0;
        line-height: 1.48em;
        color: #333333;
        width: 76%;        // verander naar: 80%;
        float: left;        // verander naar float: right;
        clear: both;
    }

    .postbody .ignore {
        font-size: 1.1em;
    }

    .postbody h3.first {
        /* The first post on the page uses this */
        font-size: 1.7em;
    }

    .postbody h3 {
        /* Postbody requires a different h3 format - so change it here */
        font-size: 1.5em;
        padding: 2px 0 0 0;        // verander naar padding: 0 0 0 2px;
        margin: 0 0 0.3em 0 !important;        // verander naar margin: 0 0.3em 0 0 !important;
        text-transform: none;
        border: none;
        font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
        line-height: 125%;
    }

    /* Poster profile block
    ----------------------------------------*/
    .postprofile {
        /* Also see tweaks.css */
        margin: 5px 0 10px 0;        // Verander naar margin: 0 10px 0 5px;
        min-height: 80px;
        color: #666666;
        border-left: 1px solid #FFFFFF;        // Verander naar border-right: 1px solid #FFFFFF;
        width: 22%;        // Change to width: 18%;
        float: right;        // Change to float: left;
        display: inline;
    }
    .pm .postprofile {
        border-left: 1px solid #DDDDDD;        // verander naar border-right: 1px solid #DDDDDD;
    }

    .postprofile dd, .postprofile dt {
        line-height: 1.2em;
        margin-left: 8px;        // verander naar margin-right: 8px;
    }

de volgende actie verplaatst de topic Icons naar de andere kant van de pagina.
Open the ./styles/prosilver/template/viewtopic_body.html:

Code: Selecteer alles

    // OPEN styles/prosilver/viewtopic_body.html

    // VIND

    <!-- BEGIN postrow -->
       <!-- IF postrow.S_FIRST_UNREAD --><a id="unread"></a><!-- ENDIF -->
       <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD == 1 --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->">
          <div class="inner"><span class="corners-top"><span></span></span>

          <div class="postbody">         <!-- IF postrow.S_IGNORE_POST -->
                <div class="ignore">{postrow.L_IGNORE_POST}</div>
             <!-- ELSE -->

          <!-- IF not S_IS_BOT -->
             <!-- IF postrow.U_QUOTE or postrow.U_INFO or postrow.U_DELETE or postrow.U_EDIT -->
                <ul class="profile-icons">
                   <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{WARN_USER}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
                </ul>
             <!-- ENDIF -->
          <!-- ENDIF -->

    // KNIP DIT GEDEELTE ERUIT

          <!-- IF not S_IS_BOT -->
             <!-- IF postrow.U_QUOTE or postrow.U_INFO or postrow.U_DELETE or postrow.U_EDIT -->
                <ul class="profile-icons">
                   <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{WARN_USER}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
                </ul>
             <!-- ENDIF -->
          <!-- ENDIF -->

    // PLAK HET VOOR DEZE REGEL

             <!-- IF postrow.SIGNATURE --><div id="sig {postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
          <!-- ENDIF -->

          </div>

    // SLUIT EN SLA ALLES OP
Maak altijd eerst een Back-up van de files die je gaat bewerken!!

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 15:27
door JochemOnline
Ik snap de volgende code niet helemaal:

Code: Selecteer alles

    // OPEN styles/prosilver/viewtopic_body.html

    // VIND

    <!-- BEGIN postrow -->
       <!-- IF postrow.S_FIRST_UNREAD --><a id="unread"></a><!-- ENDIF -->
       <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD == 1 --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->">
          <div class="inner"><span class="corners-top"><span></span></span>

          <div class="postbody">         <!-- IF postrow.S_IGNORE_POST -->
                <div class="ignore">{postrow.L_IGNORE_POST}</div>
             <!-- ELSE -->

          <!-- IF not S_IS_BOT -->
             <!-- IF postrow.U_QUOTE or postrow.U_INFO or postrow.U_DELETE or postrow.U_EDIT -->
                <ul class="profile-icons">
                   <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{WARN_USER}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
                </ul>
             <!-- ENDIF -->
          <!-- ENDIF -->

    // KNIP DIT GEDEELTE ERUIT

          <!-- IF not S_IS_BOT -->
             <!-- IF postrow.U_QUOTE or postrow.U_INFO or postrow.U_DELETE or postrow.U_EDIT -->
                <ul class="profile-icons">
                   <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{WARN_USER}</span></a></li><!-- ENDIF -->
                   <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
                </ul>
             <!-- ENDIF -->
          <!-- ENDIF -->

    // PLAK HET VOOR DEZE REGEL

             <!-- IF postrow.SIGNATURE --><div id="sig {postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
          <!-- ENDIF -->

          </div>

    // SLUIT EN SLA ALLES OP

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 15:29
door JochemOnline
En met die eerste code moet het lukken? of is het noodzakelijk dat ik die 2e code ook uitvoer?

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 15:57
door Semi_Deus
de eerste code moet je aanpassen he.
Ja met die zorg je ervoor dat alles links komt te staan, en de tekst rechts.
met de 2e zorg je ervoor dat de New Topic buttons ed, rechts komen te staan ipv links.

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 17:19
door JochemOnline
Die eerste code heb ik uitgevoerd. daarna de 'Cache' geleegd meer t helpt niet.. :|

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 17:26
door JochemOnline
Heb alles precies gedaan zoals in de code, zelfs nog 3 x nagekeken maar ik zie geen fouten.

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 17:27
door Lucas
Je moet de eerste code vervangen met de tweede code in

styles/prosilver/viewtopic_body.html

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 17:33
door JochemOnline
Iets meer uitleg bitte :?

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 20:51
door Fridge
http://www.easytutorials.org/prosilver_ ... _side.html

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 16 jun 2007, 23:06
door Semi_Deus
RedH' schreef:Die eerste code heb ik uitgevoerd. daarna de 'Cache' geleegd meer t helpt niet.. :|
sorry hoor, maar ik zie op jouw site, rebelfactory de Profile gegevens toch echt aan de linkerkant staan :D

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 17 jun 2007, 08:34
door JochemOnline
Is ook al gelukt! :D

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 01 jul 2007, 17:54
door Php
En als dit gelukt is, hoe zet je dan de gebruikersnaam midden gecentreerd boven de rank-image, en de avatar hier ook weer midden boven?

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 01 jul 2007, 17:59
door mr.Stone
vraag ik me ook af, want de "online" komt onder de avatar.

Nuja ik heb al een andere online prent gemaakt, maar zou handig zijn om te weten :D

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 01 jul 2007, 18:05
door Php
Ik had ook al een andere online gif, een kleine rode bullet, maar ik zou ook de boel graag willen centreren onder de avatar.

Ik moest overigens in DIT forum mijn avatar opnieuw selecteren om de grootte goed te krijgen. Dat gaat dus blijkbaar niet automatisch goed na een conversie van 2 naar 3.

Re: Avatar e.d links i.p.v. rechts [ProSilver]

Geplaatst: 05 jul 2007, 04:21
door Php
Volgend probleem:

Nu heb ik in viewtopic de border van het profielblok iets kunnen vergroten zodat de online gif goed zichtbaar is, maar als ik dan op de gebruikkersnaam klik en via "memberslist.php" dan terecht kom op "viewprofile" dan staat het profiel weer bijna tegen de rand en staat de online.gif daar weer half achter de avatar.

Ik heb het over de pagina waar je komt als je via viewtopic op iemands gebruikkersnaam klikt en zijn profiel bekijkt.

En ook de pagina in prive berihten wanneer je het bericht opent en van de afzender links naast de avatar de online gif ziet. Hoe verzet ik het daar?

Hoe verschuif ik daar de border?
Alle tijden zijn UTC+01:00
Pagina 1 van 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/