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

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
JochemOnline
Berichten: 364
Lid geworden op: 02 jan 2007, 17:52
Locatie: Delden (Overijssel)
Contacteer:
Contacteer JochemOnline

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

Bericht door JochemOnline » 16 jun 2007, 09:51

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:
Omhoog
Semi_Deus
Berichten: 326
Lid geworden op: 13 jun 2007, 23:50
Locatie: Zeist
Contacteer:
Contacteer Semi_Deus

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

Bericht door Semi_Deus » 16 jun 2007, 11:20

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!!
Afbeelding
Omhoog
JochemOnline
Berichten: 364
Lid geworden op: 02 jan 2007, 17:52
Locatie: Delden (Overijssel)
Contacteer:
Contacteer JochemOnline

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

Bericht door JochemOnline » 16 jun 2007, 15:27

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
Omhoog
JochemOnline
Berichten: 364
Lid geworden op: 02 jan 2007, 17:52
Locatie: Delden (Overijssel)
Contacteer:
Contacteer JochemOnline

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

Bericht door JochemOnline » 16 jun 2007, 15:29

En met die eerste code moet het lukken? of is het noodzakelijk dat ik die 2e code ook uitvoer?
Omhoog
Semi_Deus
Berichten: 326
Lid geworden op: 13 jun 2007, 23:50
Locatie: Zeist
Contacteer:
Contacteer Semi_Deus

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

Bericht door Semi_Deus » 16 jun 2007, 15:57

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.
Afbeelding
Omhoog
JochemOnline
Berichten: 364
Lid geworden op: 02 jan 2007, 17:52
Locatie: Delden (Overijssel)
Contacteer:
Contacteer JochemOnline

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

Bericht door JochemOnline » 16 jun 2007, 17:19

Die eerste code heb ik uitgevoerd. daarna de 'Cache' geleegd meer t helpt niet.. :|
Omhoog
JochemOnline
Berichten: 364
Lid geworden op: 02 jan 2007, 17:52
Locatie: Delden (Overijssel)
Contacteer:
Contacteer JochemOnline

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

Bericht door JochemOnline » 16 jun 2007, 17:26

Heb alles precies gedaan zoals in de code, zelfs nog 3 x nagekeken maar ik zie geen fouten.
Omhoog
Gebruikersavatar
Lucas
Berichten: 1630
Lid geworden op: 19 feb 2007, 10:52
Locatie: R´dam

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

Bericht door Lucas » 16 jun 2007, 17:27

Je moet de eerste code vervangen met de tweede code in

styles/prosilver/viewtopic_body.html
Omhoog
JochemOnline
Berichten: 364
Lid geworden op: 02 jan 2007, 17:52
Locatie: Delden (Overijssel)
Contacteer:
Contacteer JochemOnline

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

Bericht door JochemOnline » 16 jun 2007, 17:33

Iets meer uitleg bitte :?
Omhoog
Gebruikersavatar
Fridge
Berichten: 1028
Lid geworden op: 25 sep 2006, 19:22
Locatie: Rotterdam
Contacteer:
Contacteer Fridge

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

Bericht door Fridge » 16 jun 2007, 20:51

http://www.easytutorials.org/prosilver_ ... _side.html
Omhoog
Semi_Deus
Berichten: 326
Lid geworden op: 13 jun 2007, 23:50
Locatie: Zeist
Contacteer:
Contacteer Semi_Deus

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

Bericht door Semi_Deus » 16 jun 2007, 23:06

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
Afbeelding
Omhoog
JochemOnline
Berichten: 364
Lid geworden op: 02 jan 2007, 17:52
Locatie: Delden (Overijssel)
Contacteer:
Contacteer JochemOnline

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

Bericht door JochemOnline » 17 jun 2007, 08:34

Is ook al gelukt! :D
Omhoog
Php
Berichten: 687
Lid geworden op: 21 mei 2003, 01:46
Locatie: Achterhoek
Contacteer:
Contacteer Php

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

Bericht door Php » 01 jul 2007, 17:54

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?
Omhoog
Gebruikersavatar
mr.Stone
Berichten: 508
Lid geworden op: 21 okt 2006, 13:08
Contacteer:
Contacteer mr.Stone

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

Bericht door mr.Stone » 01 jul 2007, 17:59

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
Omhoog
Php
Berichten: 687
Lid geworden op: 21 mei 2003, 01:46
Locatie: Achterhoek
Contacteer:
Contacteer Php

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

Bericht door Php » 01 jul 2007, 18:05

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.
Omhoog
Php
Berichten: 687
Lid geworden op: 21 mei 2003, 01:46
Locatie: Achterhoek
Contacteer:
Contacteer Php

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

Bericht door Php » 05 jul 2007, 04:21

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?
Omhoog
Plaats reactie

Terug naar “3.0 Stijlen”