ilch Forum » Allgemein » HTML, PHP, SQL,... » uProfil Modul

Geschlossen
  1. #31
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Gute Arbeit siggi Yes
    Bin gespannt, was Nex4T noch draus macht.
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  2. #32
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Joar Design Technisch gesehen kann ich was vorweisen lachen aber selbst Programmieren haut noch nicht so ganz hin, entweder bin ich selbst einfach zu dumm oder es ist so leicht und ich machs mir nur zu schwer :/ irgendwann wird hier eine mein Nachhilfe lehrer...
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  3. #33
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    hm ja wenn du die css dann zur Verfügung stellen magst oder so können wir es denke gern übernehmen
    0 Mitglieder finden den Beitrag gut.
  4. #34
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    hier schonmal für die breiten

    
    #uProfilHeader {
        width: 99%x;
        height: 239px;
        position: relative;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
    }
    
    .titelbild { 
        width: 99%;
        height: 200px;
        position: absolute;
        z-index: 0;
        border: 2px solid #e5e5e5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .profilbild {  
        height: 145px;
        width: 145px;
        position: absolute;
        z-index: 1;
        top: 68px;
        right: 30px;
        background-color: #fff;
        border: 4px solid #fff;
        -webkit-border-radius: 2px;
    }
    
    .UName {
        max-width: 275px;
        color: #fff;
        text-shadow: 0 0 3px rgba(0,0,0,.8);
        font-weight: bold;
        bottom: 15px;
        left: 15px;
        position: absolute;
    }
    
    .UName a {
        font-size: 24px;
        color: #fff;
        text-decoration: none;
    }
    
    
    /* Navigation */
    #navi {
        height: 35px;
        width: 99%;
        top: 200px;
        background-color: #fff;
        position: absolute;
        border: 2px solid #e5e5e5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .ProfilbildDeko {
        height: 17px;
        width: 153px;
        right: 22px;
        background-color: #fff;
        position: absolute;
        border: 2px solid #e5e5e5;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }
    
    /* Navi Buttons */
    .button {
        height: 35px;
        width: 85px;
        background-color: #fff;
        position: absolute;
        cursor: pointer;    
    }
    
    .pinnwand {
        border-right: 2px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
        border-bottom-left-radius: 5px;
    }
    .info {
        left: 87px;
        border-right: 2px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
    }
    .foto {
        left: 174px;
        border-right: 2px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
    }
    
    .button:hover {
        background-color: #e5e5e5;
    }
    
    .buttonText {        
        text-align: center;
        margin-top: 10px;
        font-weight: bold;     
        color: #3b5998;
        font-size: 13px;
    }
    
    
    
    
    #uProfil {
        width: 99%;
        margin-top: 11px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
    }
    
    
    /* Breiter Content */
    #contentBigTop {
        margin-top: 11px;
        width: 99%;
        height: 20px;
        background-color: #e5e5e5;
        border: 2px solid #e5e5e5;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    #contentBig {
        margin-bottom: 11px;
        width: 99%;    
        border-left: 2px solid #e5e5e5;
        border-right: 2px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    #contentBigBottom {
        width: 99%; 
        height: 29px;
        background-color: #e5e5e5;
        position: relative;
    }
    
    .contenText {
        color: #6a7480;
        line-height: 20px;
        padding: 7px;
    }
    
    .uploadSubmit {
        font-size: 11px;
        margin-top: 3px;
        padding: 5px 12px;
        float: right;
        position: relative;
        font-weight: bold;
        background-color: #185687;
        color: #fff;
        border: 1px solid #6992b0;
        -webkit-border-radius: 2px;
    }
    
    .contenText a {
        text-decoration: none;
    }
    
    .contenText a:hover {
        text-decoration: underline;
    }
    
    #infoAngabe {
        width: 100%; 
        float: left;
        color: #9197a3;
    }
    
    /* Foto Content */
    .picWidth {
        max-height: 150px;
        text-align: center; 
        float: left;
    
    }
    .picWidth:hover {
        background-color: #ececec;
    }
    
    .picInput {
        padding: 4px;
        background: #fff;
        border: 1px solid #bdc7d8;
    }
    
    div#contentBigTop span {
        display: none;
    }
    
    div#contentBigTop:hover span {
       display: inline;
       float: right;
    }
    
    
    /* Box Left */
    #box-left {    
        width: 24%;
        background-color: #fff;  
        border-radius: 12px;
        float: left;
    }
    
    #box-Top {
        height: 20px;
        width: 100%;
        background-color: #e5e5e5;
        border: 2px solid #e5e5e5;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    #box-Index {
        width: 100%;
        border-left: 2px solid #e5e5e5;
        border-right: 2px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    
    /* Content Right */
    #box-right {
        width: 74%; 
        margin-left: 11px;
        background-color: #fff;  
        border-radius: 12px;
        float: right;
    }
    
    
    /* Status Box */
    #cStatus-Top {
        height: 20px;
        width: 100%;
        background-color: #e5e5e5;
        position: relative;
        border: 2px solid #e5e5e5;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    #cStatus-Index {
        width: 100%;
        position: relative;
        border-left: 2px solid #e5e5e5;
        border-right: 2px solid #e5e5e5;
    }
    
    #cStatus-Bottom {
        height: 30px;
        width: 100%;
        background-color: #e5e5e5;
        position: relative;
        border: 2px solid #e5e5e5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .cStatus-textarea {
        color: #6a7480;
        height: 24px;
        width: 99%;
        border: 0; 
        resize: none;
        background-color: #fff;
    }
    
    .cStatus-textarea:focus {
        outline: none !important;
        border: 0px;
        height: 42px;
    }
    
    .cStatus-submit {
        font-size: 11px;
        padding: 5px 12px;
        float: right;
        position: relative;
        font-weight: bold;
        background-color: #185687;
        color: #fff;
        border: 1px solid #6992b0;
        -webkit-border-radius: 2px;
    	margin-top:2px;
    	right:2px;
    }
    
    /* Pinnwand */
    #cPinnwand-Index {
        margin-top: 11px;
        margin-bottom: 11px;
        padding: 5px;
        width: 98%;
        border: 2px solid #e5e5e5;
        border-radius: 5px;
    }
    
    .PinnwandBild {
        width: 45px;
        height: 45px;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        float: left;
        position: relative;
    }
    
    .PinnwandInfo {
        max-width: 250px;
        height: 45px;
        position: relative;
        padding: 5px;
        left: 10px;
        float: left;
    }
    
    .PinnwandInfo a {
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
    }
    
    .PinnwandInfo a:hover {
        text-decoration: underline;
    }
    
    .datetime {
        font-size: 11px;
        font-weight: normal;
        line-height: 20px;
        color: #9197a3;
    }
    
    .PinnwandText {
        font-size: 14px;
    }
    
    
    .PinnwandDel {
        text-align: right;
        float: right;
    }
    
    
    /* Allg */
    #trennlinie {
        width: 100%; 
        margin: 12px 0 12px 0;
        border-width: 1px 0 0 0;
        border: 1px solid #ececec;
    }
    
    
    /* Text Inhalt */
    .HeadText {
        font-size: 11px;
        color: #6a7480;
        font-weight: bold;
        margin: 4px 10px;
    }
    
    .HeadText a {
        color: #6a7480;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
        text-decoration: none;
    }
    
    .HeadText a:hover {
        color: #6a7480;
        text-decoration: underline;
    }
    
    .ContentText {
        color: #6a7480;
        padding: 7px 7px 0 7px;
    }



    Zuletzt modifiziert von Nex4T am 09.09.2014 - 21:57:27
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  5. #35
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Leider geht um 3:55 Uhr mein Wecker :/
    Schau es mir morgen mal an und lade dann evtl das neue dann hoch mit der freundesliste
    0 Mitglieder finden den Beitrag gut.
  6. #36
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    version2 lächeln mir gefällts damit schon ganz gut zunge

    #uProfilHeader {
        width: 99%x;
        height: 239px;
        position: relative;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
    }
    
    .titelbild { 
        width: 99%;
        height: 200px;
        position: absolute;
        z-index: 0;
        border: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .profilbild {  
        height: 145px;
        width: 145px;
        position: absolute;
        z-index: 1;
        top: 68px;
        right: 30px;
        background-color: #fff;
        border: 4px solid #fff;
        -webkit-border-radius: 2px;
    }
    
    .UName {
        max-width: 275px;
        color: #fff;
        text-shadow: 0 0 3px rgba(0,0,0,.8);
        font-weight: bold;
        bottom: 15px;
        left: 15px;
        position: absolute;
    }
    
    .UName a {
        font-size: 24px;
        color: #fff;
        text-decoration: none;
    }
    
    
    /* Navigation */
    #navi {
        height: 35px;
        width: 99%;
        top: 200px;
        background-color: #fff;
        position: absolute;
        border: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .ProfilbildDeko {
        height: 17px;
        width: 153px;
        right: 22px;
        background-color: #fff;
        position: absolute;
        border: 2px solid #D0D1D5;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }
    
    /* Navi Buttons */
    .button {
        height: 35px;
        width: 85px;
        background-color: #fff;
        position: absolute;
        cursor: pointer;    
    }
    
    .pinnwand {
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
    }
    .info {
        left: 87px;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
    }
    .foto {
        left: 174px;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
    }
    
    .button:hover {
        background-color: #86ACD4;
    	font-weight: bold;     
        color: #fff;
        font-size: 13px;
    }
    
    .buttonText {        
        text-align: center;
        margin-top: 10px;
        font-weight: bold;     
        color: #3b5998;
        font-size: 13px;
    }
    
    .buttonText:hover {        
        text-align: center;
        margin-top: 10px;
        font-weight: bold;     
        color: #fff;
        font-size: 13px;
    }
    
    
    
    
    #uProfil {
        width: 99%;
        margin-top: 11px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
    }
    
    
    /* Breiter Content */
    #contentBigTop {
        margin-top: 11px;
        width: 99%;
        height: 36px;
        background-color: #F6F7F8;
        border: 1px solid #D0D1D5;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    #contentBig {
        margin-bottom: 11px;
        width: 99%;    
        border-left: 1px solid #D0D1D5;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    #contentBigBottom {
        width: 99%; 
        height: 36px;
        background-color: #F6F7F8;
        position: relative;
    }
    
    .contenText {
        color: #6a7480;
        line-height: 20px;
        padding: 7px;
    }
    
    .uploadSubmit {
    	float: right;
    	background-color:#86acd4;
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	border-radius:4px;
    	border:1px solid #819baa;
    	display:inline-block;
    	cursor:pointer;
    	color:#ffffff;
    	font-family:arial;
    	font-size:12px;
    	padding:6px 10px;
    	text-decoration:none;
    	text-shadow:0px 1px 0px #6b6b6b;
    	margin-right: 3px;
        margin-top: 3px;
    }
    .uploadSubmit:hover {
    	float: right;
    	background-color:#587ebf;
    	margin-right: 3px;
        margin-top: 3px;
    }
    .uploadSubmit:active {
    	float: right;
    	position:relative;
    	top:1px;
    	margin-right: 3px;
        margin-top: 3px;
    }
    
    
    .contenText a {
        text-decoration: none;
    }
    
    .contenText a:hover {
        text-decoration: underline;
    }
    
    #infoAngabe {
        width: 100%; 
        float: left;
        color: #9197a3;
    }
    
    /* Foto Content */
    .picWidth {
        max-height: 150px;
        text-align: center; 
        float: left;
    
    }
    .picWidth:hover {
        background-color: #ececec;
    }
    
    .picInput {
        padding: 4px;
        background: #fff;
        border: 1px solid #bdc7d8;
    	-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
      -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
      box-shadow: inset 2px 2px 2px 0px #dddddd;
      height:30px;
    }
    
    div#contentBigTop span {
        display: none;
    }
    
    div#contentBigTop:hover span {
       display: inline;
       float: right;
    }
    
    
    /* Box Left */
    #box-left {    
        width: 24%;
        background-color: #fff;  
        border-radius: 12px;
        float: left;
    }
    
    #box-Top {
        height: 36px;
        width: 100%;
        background-color: #F6F7F8;
        border: 1px solid #D0D1D5;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    #box-Index {
        width: 100%;
        border-left: 1px solid #D0D1D5;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    
    /* Content Right */
    #box-right {
        width: 74%; 
        margin-left: 11px;
        background-color: #fff;  
        border-radius: 12px;
        float: right;
    }
    
    
    /* Status Box */
    #cStatus-Top {
    background-color: #F6F7F8;
    border: 1px solid #D0D1D5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 36px;
    position: relative;
    width: 100%;
    }
    
    #cStatus-Index {
        width: 100%;
        position: relative;
        border-left: 1px solid #D0D1D5;
        border-right: 1px solid #D0D1D5;
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
      -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
      box-shadow: inset 2px 2px 2px 0px #dddddd;
    	
    }
    
    #cStatus-Bottom {
        height: 36px;
        width: 100%;
        background-color: #F6F7F8;
        position: relative;
        border: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    	
    }
    
    .cStatus-textarea {
        color: #6a7480;
        height: 24px;
        width: 99%;
        border: 0; 
        resize: none;
        background-color: #fff;
    }
    
    .cStatus-textarea:focus {
        outline: none !important;
        border: 0px;
        height: 42px;
    }
    
    .cStatus-submit {
    	float: right;
    	background-color:#86acd4;
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	border-radius:4px;
    	border:1px solid #819baa;
    	display:inline-block;
    	cursor:pointer;
    	color:#ffffff;
    	font-family:arial;
    	font-size:12px;
    	padding:6px 10px;
    	text-decoration:none;
    	text-shadow:0px 1px 0px #6b6b6b;
    	margin-right: 3px;
        margin-top: 3px;
    }
    .cStatus-submit:hover {
    	float: right;
    	background-color:#587ebf;
    	margin-right: 3px;
        margin-top: 3px;
    }
    .cStatus-submit:active {
    	float: right;
    	position:relative;
    	top:1px;
    	margin-right: 3px;
        margin-top: 3px;
    }
    
    /* Pinnwand */
    #cPinnwand-Index {
        margin-top: 11px;
        margin-bottom: 11px;
        padding: 5px;
        width: 98%;
        border: 1px solid #D0D1D5;
        border-radius: 5px;
    }
    
    .PinnwandBild {
        width: 45px;
        height: 45px;
        border: 1px solid #D0D1D5;
        border-radius: 5px;
        float: left;
        position: relative;
    }
    
    .PinnwandInfo {
        max-width: 250px;
        height: 45px;
        position: relative;
        padding: 5px;
        left: 10px;
        float: left;
    }
    
    .PinnwandInfo a {
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
    }
    
    .PinnwandInfo a:hover {
        text-decoration: underline;
    }
    
    .datetime {
        font-size: 11px;
        font-weight: normal;
        line-height: 20px;
        color: #9197a3;
    }
    
    .PinnwandText {
        font-size: 14px;
    }
    
    
    .PinnwandDel {
        text-align: right;
        float: right;
    }
    
    
    /* Allg */
    #trennlinie {
        width: 100%; 
        margin: 12px 0 12px 0;
        border-width: 1px 0 0 0;
        border: 1px solid #ececec;
    }
    
    
    /* Text Inhalt */
    .HeadText {
    color: #6A7480;
    font-size: 12px;
    font-weight: 700;
    margin: 11px 10px;
    }
    
    .HeadText a {
        color: #6a7480;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
        text-decoration: none;
    }
    
    .HeadText a:hover {
        color: #6a7480;
        text-decoration: underline;
    }
    
    .ContentText {
        color: #6a7480;
        padding: 7px 7px 0 7px;
    	line-height: 28px;
    }



    Zuletzt modifiziert von Nex4T am 09.09.2014 - 23:59:53
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  7. #37
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    @Siggi
    Gefällt mir wirklich sehr gut No
    Die Version, wo Freunde bereits included ist, hast Du nicht zufällig zum Download?

    @Nex4T
    Ich muss ehrlich sagen, viele Unterschiede kann ich auf Anhieb nicht erkennen.
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  8. #38
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Ich lade es heute Abend hoch
    1 Mitglieder finden den Beitrag gut.
  9. #39
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Ne soviel hatte ich da auch noch nicht geändert, war ja schon spät, was ich gemacht habe ist den textareas leichten schatten vergeben, die dicken border schlichter gemacht, farben geändert top/bottom von content und box größer gemacht, was die breiten betrifft ist das jetzt nicht mehr auf 600pixel beschränkt,Button geändert, heute abend schau ich mal weiter zunge


    Zuletzt modifiziert von Nex4T am 10.09.2014 - 13:07:14
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  10. #40
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Naja ich lade mal meine Version komplett hoch das mit deiner css wegen % passt mir nicht so da in mein fall zb. gar nicht mehr die bilder sowie freunde in der box nebeneinander passen.

    Farben sind soweit inordnung wie ich es gesehen hab
    0 Mitglieder finden den Beitrag gut.
  11. #41
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Bei mir ist das alles normal hab auch versucht meinen content mal größer und kleiner zumachen umzuschauen ob was passiert, aber selbe resultat alles normal, zeit ist ja noch da zunge
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  12. #42
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    So hier meine mit erstmal keiner CSS Änderung von dir da es bei mir nicht ging

    uProfil v1.1.rar


    Zuletzt modifiziert von Siggi am 10.09.2014 - 13:42:54
    2 Mitglieder finden den Beitrag gut.
  13. #43
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    hab nun auch noch eingebaut das man eine Freundschaft erst annehmen oder ablehnen muss bevor man befreundet ist

    /*bearbeitet zwecks Threadbereinigung */


    Zuletzt modifiziert von -saarlonz- am 11.09.2014 - 16:45:30
    0 Mitglieder finden den Beitrag gut.
  14. #44
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Ja hab gemacht das wenn du mit jemand befreundet sein möchtest er eine anfrage bekommt die er Annehmen oder Ablehnen kann.

    Was je passiert könnt ihr euch denken ^^

    Wenn einer von beiden die Freundschaft beendet dann sind beide nicht mehr miteinander befreundet ^^
    gesperrtes Bild

    Neue Version uProfil v1.2.rar


    Zuletzt modifiziert von Siggi am 10.09.2014 - 18:55:12
    0 Mitglieder finden den Beitrag gut.
  15. #45
    User Pic
    Rock@wulf Hall Of Fame
    Registriert seit
    03.06.2004
    Beiträge
    3.282
    Beitragswertungen
    239 Beitragspunkte
    Ich werfe einfach mal in den Raum das es gut ausschaut, aber ich finde das hier Vorsicht angesagt ist.

    Ich kann mir gut vorstellen, das die Facebook Inc. ein geschmaksmuster auf das ausschauen ihrer Page hat. Somit liegt hier bei zu genauem Kopieren ein Verstoß gegen das Copyright vor. (Private ansicht!)

    Weiter finde ich das wir nicht versuchen sollten wie andere zu sein, sondern wir sollten wir sein.

    Sicher braucht das Profil ein Update und klar sollte man hier aus dem Bereich Social ein wenig "abschauen". Allerdings muss allen klar sein Private Webseiten/Clanseiten werden mehr und mehr aussterben. Warum?
    Klarer Fall für jeden Schooter/MMORPG etc gibt es eigene Seiten. Da muss man eh hin wenn man Zokken will und bei vielen fällt dann die Clanpage hinten runter weil schlicht Informationen dort nicht mehr wichtig sind.

    Sei nur mal so gesagt
    Meine Postings repräsentieren meine Meinung wenn nicht anders gekennzeichnet.
    MFG Rock@wulf
    0 Mitglieder finden den Beitrag gut.
  16. #46
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Hier mal mein aktueller Stand

    gesperrtes Bild
    0 Mitglieder finden den Beitrag gut.
  17. #47
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Jub ich finde so schaut es gut aus obwohl ich irgendwie mich nicht einigen kann ob text unter den namen oder so wie du es hast neben den namen
    0 Mitglieder finden den Beitrag gut.
  18. #48
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Ich werde später mal den Thread ein wenig aufräumen da er mittlerweile schon sehr unübersichtlich ist. lächeln Ich habe auch noch ein paar Punkte die man mit in das Modul mitaufnehmen bzw. ändern könnte / sollte.
    0 Mitglieder finden den Beitrag gut.
  19. #49
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Hab die CSS nun mal teilweise übernommen

    Neue Version uProfil v1.3.rar


    Zuletzt modifiziert von Siggi am 11.09.2014 - 16:48:41
    0 Mitglieder finden den Beitrag gut.
  20. #50
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Schade warst schneller wolte mich später noch um ein update für die styles beschäftigen, poste es später...
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  21. #51
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Wie gesagt hab einiges übernommen ^^ kannst ja mal schauen mache nun aber erstmal nix mehr bis ich dann was von dir bzw. -saarlonz- höre
    1 Mitglieder finden den Beitrag gut.
  22. #52
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Alles klar sieht super aus zwinker was mich selbst noch stört sind die kleinen header meine damit die top von der box und content die ist so klein, finde es solte schon so wie der bottom sein, ist irgendwie aufälliger zwinker
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  23. #53
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Hast evtl schon irgendwie recht bin da unentschlossen^^


    Zuletzt modifiziert von Siggi am 11.09.2014 - 18:54:27
    0 Mitglieder finden den Beitrag gut.
  24. #54
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Ich weiß nicht obs dir Gefällt aber guck dir das mal an, hab auch gerade erst angefangen rumzuspielen...ich finde so kommt auch deine Freundschaftsanfrage besser rüber...
    /*
      Copyright by: Siggi
      Support: www.ilch.de
    */
    
    #uProfilHeader {
        width: 595px;
        height: 239px;
        position: relative;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
    }
    
    .titelbild { 
        width: 595px;
        height: 200px;
        position: absolute;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        z-index: 1;
    }
    
    .profilbild {  
        height: 145px;
        width: 145px;
        position: absolute;
        z-index: 2;
        top: 68px;
        right: 30px;
        background-color: #fff;
        border: 4px solid #fff;
        -webkit-border-radius: 2px;
    }
    
    .UName {
        max-width: 240px;
        color: #fff;
        text-shadow: 0 0 3px rgba(0,0,0,.8);
        font-weight: bold;
        bottom: 15px;
        left: 15px;
        position: absolute;
    }
    
    .UName a {
        font-size: 24px;
        color: #fff;
        text-decoration: none;
    }
    
    
    .HeaderButton {
        background-color: #fff;
        padding: 4px;
        text-align: center;
        position: absolute; 
        border: 1px solid #D0D1D5;
        -webkit-border-radius: 3px;   
        font-weight: bold;  
    }
    
    .friendAddCheck {
        width: 130px;
        bottom: 40px;
        right: 193px;    
    }
    
    .friendDel {
        width: 80px;
        bottom: 40px;
        right: 193px;    
    }
    
    .PN {
        width: 105px;
        bottom: 10px;
        right: 218px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    
    .BHMore {
        width: 16px;
        bottom: 10px;
        right: 193px;     
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .BHMore a {
        text-decoration: none;
    }
    
    .HeaderButton:hover {
        border-color: #3b5998;
        cursor: pointer;
    }
    
    /* More klappbox */
    .BHMore_box {
        width: 100px;
        left: 288px;
        top: 200px;
        padding: 6px;
        position: relative;
        background: #ffffff;
        border: 1px solid #D0D1D5;
        line-height: 20px;
    
        -webkit-background-clip: padding-box;
        -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    }
    .BHMore_box:after, .BHMore_box:before {
        bottom: 100%;
        left: 87%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .BHMore_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 6px;
        margin-left: -6px;
    }
    .BHMore_box:before {
        border-color: rgba(229, 229, 229, 0);
        border-bottom-color: #e5e5e5;
        border-width: 9px;
        margin-left: -9px;
    }
    
    .BHMore_box a {
        cursor: pointer;
        text-decoration: none;
        font-weight: bold;
    }
    
    .BHMore_box a:hover {
        text-decoration: underline;
    }
    
    /* Smilie klappbox */
    .PWSmilies {
        height: 27px;
        padding: 4px;
        float: left;
    }
    .PWSmilies a {
        text-decoration: none;
    }
    
    .PWSmilies_box {
        width: 160px;
        top: 32px;
        left: -9px;
        padding: 6px;
        position: absolute;
        background: #ffffff;
        border: 1px solid #D0D1D5;
        line-height: 20px;
        z-index: 5;
    
        -webkit-background-clip: padding-box;
        -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    }
    .PWSmilies_box:after, .PWSmilies_box:before {
        bottom: 100%;
        left: 13%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .PWSmilies_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 6px;
        margin-left: -6px;
    }
    .PWSmilies_box:before {
        border-color: rgba(229, 229, 229, 0);
        border-bottom-color: #e5e5e5;
        border-width: 9px;
        margin-left: -9px;
    }
    
    .PWSmilies_box a {
        cursor: pointer;
        text-decoration: none;
        font-weight: bold;
    }
    
    .PWSmilies_box a:hover {
        text-decoration: underline;
    }
    
    
    #trennlinieKBox {
        width: 100%; 
        margin: 4px 0 4px 0;
        border-width: 1px 0 0 0;
        border: 1px solid #ececec;
    }
    
    
    
    /* Navigation */
    #navi {
        height: 35px;
        width: 593px;
        top: 200px;
        background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
        position: absolute;
        border: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .ProfilbildDeko {
        height: 19px;
        width: 153px;
        right: 28px;
        background-color: #fff;
        position: absolute;
        border: 1px solid #D0D1D5;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }
    
    /* Navi Buttons */
    .button {
        height: 35px;
        width: 85px;
        background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
        position: absolute;
        cursor: pointer;    
    }
    
    .pinnwand {
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
    }
    .info {
        left: 86px;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
    }
    .foto {
        left: 172px;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
    }
    .friend {
        left: 172px;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
    }
    .friend2 {
        left: 258px;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
    }
    
    .button:hover {
        background-color: #86ACD4;
        font-weight: bold;
        background-image: linear-gradient(to bottom, #FFFFFF 0px, #bbcddf 100%);
        font-size: 13px;
    }
    
    .buttonText {        
        text-align: center;
        margin-top: 10px;
        font-weight: bold;     
        color: #3b5998;
        font-size: 13px;
    }
    
    .fCheck {
        width: 28px !important;
        right: 0px;
        border-left: 1px solid #D0D1D5;
        border-bottom-right-radius: 5px;
    }
    .fCheckIcon {
        width: 16px;
        height: 16px;
        background-image: url('../../images/userprofil/icons/icon_friendcheck.png');
        background-repeat: no-repeat;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .fCheckText {
        font-size: 9px;
        color: #fff;
        font-weight: bold;
        background-color: #c9302c;
        padding: 2px;
        position: absolute;
        right: -3px;
        top: -6px;
        border-radius: 100% 100% 100% 100%;
        -moz-border-radius: 100% 100% 100% 100%;
        -webkit-border-radius: 100% 100% 100% 100%;
    }
    
    
    
    
    #uProfil {
        width: 595px;
        margin-top: 11px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
    }
    
    
    /* Breiter Content */
    #contentBigTop {
        margin-top: 11px;
        width: 593px;
        height: 36px;
        background: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
        border: 1px solid #D0D1D5;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    #contentBig {
        margin-bottom: 11px;
        width: 593px;    
        border-left: 1px solid #D0D1D5;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    #contentBigBottom {
        width: 593px; 
        height: 27px;
        background-color: #F6F7F8;
        border-top: 1px solid #D0D1D5;
        position: relative;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .contenText {
        color: #6a7480;
        line-height: 20px;
        padding: 7px;
    }
    
    
    
    .uploadSubmit {
        float: right;
        position: relative;
        background-color: #86acd4;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #819baa;
        display: inline-block;
        cursor: pointer;
        color: #fff;
        font-size: 11px;
        padding: 3px 6px;
        text-shadow: 0px 1px 0px #6b6b6b;
        margin-right: 3px;
        margin-top: 3px;
    }
    .uploadSubmit:hover {
        background-color:#587ebf;
    }
    
    .contenText a {
        text-decoration: none;
    }
    
    .contenText a:hover {
        text-decoration: underline;
    }
    
    #infoAngabe {
        width: 191px; 
        float: left;
        color: #9197a3;
    }
    
    /* Freunde Content */
    #cFContent {
        width: 285px;
        padding: 5px;
        float: left;
    }
    .cFAvatar {
        width: 80px;
        height: 80px;
        border-top: 1px solid #D0D1D5;
        border-left: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
        float: left;
    }
    .cFInfo {
        width: 203px;
        height: 80px;
        border-top: 1px solid #D0D1D5;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
        float: left;
    }
    
    .cFInfo span a {
        font-size: 13px;
        color: #3b5998;
        font-weight: bold;
    }
    
    .cFInfo a {
        color: #6a7480;
    }
    
    .cFInfoTextMiddle {
        height: 68px;
        display: table-cell;
        vertical-align: middle;
        color: #fff;
    }
    
    .cFInfoText {
        height: 68px;
        display: table-cell;
        color: #fff;
    }
    
    
    /* Freunde check */
    .friendButton {
        padding: 4px;
        text-align: center;
        position: absolute;
        border: 1px solid #D0D1D5;
        -webkit-border-radius: 3px;
        font-weight: bold;
    }
    
    .friendAccept {
        background-color: #5cb85c;
        width: 80px;   
    }
    
    .friendAccept:hover {
        border-color: #3b5998;
        background-color: #449d44;
        cursor: pointer; 
    }
    
    .friendRefuse {
        background-color: #d9534f;
        width: 80px;   
        margin-left: 95px;
    }
    
    .friendRefuse:hover {
        border-color: #3b5998;
        background-color: #c9302c;
        cursor: pointer; 
    }
    
    
    /* Foto Content */
    .picWidth {
        max-height: 150px;
        text-align: center; 
        float: left;
    
    }
    .picWidth:hover {
        background-color: #ececec;
    }
    
    .picInput {
        padding: 4px;
        background: #fff;
        border: 1px solid #D0D1D5;
    }
    
    div#contentBigTop span {
        display: none;
    }
    
    div#contentBigTop:hover span {
        display: inline;
        float: right;
    }
    
    
    /* Box Left */
    #box-left {    
        width: 180px;
        background-color: #fff;  
        border-radius: 12px;
        float: left;
    }
    
    #box-Top {
        height: 36px;
        width: 178px;
        background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
        border: 1px solid #D0D1D5;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    #box-Index {
        width: 178px;
        border-left: 1px solid #D0D1D5;
        border-right: 1px solid #D0D1D5;
        border-bottom: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    
    /* Content Right */
    #box-right {
        width: 404px; 
        margin-left: 11px;
        background-color: #fff;  
        border-radius: 12px;
        float: left;
    }
    
    
    /* Status Box */
    #cStatus-Top {
        height: 36px;
        width: 402px;
        background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4E4E4 100%);
        position: relative;
        border: 1px solid #D0D1D5;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    #cStatus-Index {
        width: 402px;
        position: relative;
        border-left: 1px solid #D0D1D5;
        border-right: 1px solid #D0D1D5;
    }
    
    #cStatus-Bottom {
        height: 27px;
        width: 402px;
        background-color: #F6F7F8;
        position: relative;
        border: 1px solid #D0D1D5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .cStatus-textarea {
        color: #6a7480;
        height: 24px;
        width: 99%;
        border: 0; 
        resize: none;
        background-color: #fff;
    }
    
    .cStatus-textarea:focus {
        outline: none !important;
        border: 0px;
        height: 42px;
    }
    
    .cStatus-submit {
        float: right;
        position: relative;
        background-color: #86acd4;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #819baa;
        display: inline-block;
        cursor: pointer;
        color: #fff;
        font-size: 11px;
        padding: 3px 6px;
        text-shadow: 0px 1px 0px #6b6b6b;
        margin-right: 3px;
        margin-top: 3px;
    }
    .cStatus-submit:hover {
        background-color:#587ebf;
    }
    
    /* Pinnwand */
    #cPinnwand-Index {
        margin-top: 11px;
        margin-bottom: 11px;
        padding: 5px;
        width: 392px;
        border: 1px solid #D0D1D5;
        border-radius: 5px;
    	box-shadow: 1px 1px 3px 0px #CACACA;
    }
    
    .PinnwandBild {
        width: 45px;
        height: 45px;
        border: 1px solid #D0D1D5;
        border-radius: 5px;
        float: left;
        position: relative;
    }
    
    .PinnwandInfo {
        max-width: 250px;
        height: 45px;
        position: relative;
        padding: 5px;
        left: 10px;
        float: left;
    }
    
    .PinnwandInfo a {
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
    }
    
    .PinnwandInfo a:hover {
        text-decoration: underline;
    }
    
    .datetime {
        font-size: 11px;
        font-weight: normal;
        line-height: 20px;
        color: #9197a3;
    }
    
    .PinnwandText {
        font-size: 14px;
        line-height: 20px;
    }
    
    .PinnwandDel {
        text-align: right;
        float: right;
    }
    
    
    /* Friend Box */
    .boxFriends {
        width: 80px;
        height: 80px;
        float: left;
        margin: 4px;
        background-size: 100%;
        position: relative;
    }
    
    .boxFriendsAvatar {
        background-size: 100%;
        position: absolute;
    }
    
    .boxFriendsName {
        position: absolute;
        color: #fff;
        text-shadow: 0 0 3px rgba(0,0,0,.8);
        -webkit-text-stroke: 0.2px #000;
        -webkit-text-fill-color: #fff;
        bottom: 0;
        margin: 2px;
    }
    
    
    /* Allg */
    .boxUserFotos {
        float: left;
        padding: 4px;    
    }
    
    
    /* Foto Box */
    #trennlinie {
        width: 100%; 
        margin: 12px 0 12px 0;
        border-width: 1px 0 0 0;
        border: 1px solid #ececec;
    }
    
    
    /* Text Inhalt */
    .HeadText {
        font-size: 11px;
        color: #6a7480;
        font-weight: bold;
        margin: 11px 10px;
    }
    
    .HeadText a {
        color: #6a7480;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
        text-decoration: none;
    }
    
    .HeadText a:hover {
        color: #6a7480;
        text-decoration: underline;
    }
    
    .ContentText {
        color: #6a7480;
        line-height: 23px;
        padding: 7px 7px 0 7px;
    }



    Zuletzt modifiziert von Nex4T am 11.09.2014 - 18:56:01
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  25. #55
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Yes Ja okay dann lassen wir diese halt höher ^^
    0 Mitglieder finden den Beitrag gut.
  26. #56
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    hab dann noch die verläufe mit rein gebracht und die schattierung bei den einträgen bin deswegen aber noch etwas skeptisch, naja schreibe dann gleich nochmal wenn ich was anderes hab
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  27. #57
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Hier mal ein aktuelles Bild wo das ganze in den neuen Dateien von siggi einbaut ist. Ich würde drum bitten mit weiteren Anpassungen von css etc zu warten bis siggi und ich mit dem Komments teil fertig sind, da sonst immer zu viele Veränderungen nötig sind.

    gesperrtes Bild
    1 Mitglieder finden den Beitrag gut.
  28. #58
    User Pic
    Nex4T Moderator
    Registriert seit
    28.02.2007
    Beiträge
    3.414
    Beitragswertungen
    213 Beitragspunkte
    Wundervoll lächeln Ok ich warte dann, bis ihr mitm scripten fertig seid zunge
    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.
  29. #59
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Neue Version uProfil v1.4.rar

    Kommentar Funktion von -saarlonz-
    CSS von Nex4T
    0 Mitglieder finden den Beitrag gut.
  30. #60
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    nett lächeln schönes modul

    das ganze durchläuft aber noch den beta bereich oder?
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten