Modificare design bara

Dacă aveti intrebari legate de stilul folosit, daca doriţi să vă faceţi cunoscute stilurile şi temele proprii sau doriţi să comentaţi alte stiluri pentru forumul phpBB 3.0.x, acesta este locul potrivit.
Reguli forum
Aveti o problema si vreti sa primiti ajutor? Click aici ! Nu uitati si de regulamentul forumului !
Închis
Avatar utilizator
RapKid
Utilizator înregistrat
Mesaje: 108
Membru din: 26-Dec-2010, 23:44:45
Versiune: 3.0.5
Ext: Da
Server: Windows
Nivel phpBB: Puţin experimentat
Contact:
Contactează pe RapKid

Modificare design bara

Mesaj de RapKid »

Salutare tuturor din cate vedeti am inceput iar sa am probleme oricat fata de cum eram la inceput sunt mai avansat.Deci sa trecem la subiect cume trebuie sa intru pentru a modificat bara aceasta de sus!

Poza:
Imagine

Cod: Selectaţi tot

http://imageshack.us/m/651/9334/myjx.jpg

Stil: DarkGan
Vers: 3.0.8
Sus
Avatar utilizator
dorin
Fost coleg
Mesaje: 4620
Membru din: 24-Iun-2003, 23:23:29
Versiune: 3.1.10
Ext: Da
Server: UNIX/Linux
Nivel phpBB: Mediu
Nivel php: Puţin experimentat
Contact:
Contactează pe dorin

Re: Modificare design bara

Mesaj de dorin »

Modifici dupa dorinte fisierul styles/stilul meu/template/overall_header.html.
Sus
Avatar utilizator
RapKid
Utilizator înregistrat
Mesaje: 108
Membru din: 26-Dec-2010, 23:44:45
Versiune: 3.0.5
Ext: Da
Server: Windows
Nivel phpBB: Puţin experimentat
Contact:
Contactează pe RapKid

Re: Modificare design bara

Mesaj de RapKid »

Si cam ce ar trebui sa modific din scripu asta? Ca ma asteptam sa fie o imagine ceva :(

Cod: Selectaţi tot

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE ca_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="xDanger.Ro Design">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<style type="text/css">
<!--
.style1 {font-size: 18px}
.style2 {font-size: 16px}
-->
</style>
{META}
<title>{SITENAME} &bull; &copy; xDanger.Ro</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
	{
		if (base_url.indexOf('?') == -1)
		{
			document.location.href = base_url + '?start=' + ((page - 1) * per_page);
		}
		else
		{
			document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
		}
	}
}

/**
* Find a member
*/
function find_username(url)
{
	popup(url, 760, 570, '_usersearch');
	return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

// ]]>

</script>
<!DOCTYPE HTML>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="animatedcollapse.js">

/***********************************************
* Animated Collapsible DIV v2.4- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


<script type="text/javascript">

animatedcollapse.addDiv('headeroptions', 'fade=1,height=20px')
animatedcollapse.addDiv('topicoptions', 'fade=1,speed=300')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')

animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')

animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
	//$: Access to jQuery
	//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
	//state: "block" or "none", depending on state
}

animatedcollapse.init()

</script>
<script type="text/javascript">
function UR_Start()
{
   UR_Nu = new Date;
   UR_Indhold = showFilled(UR_Nu.getHours()) + ":" + showFilled(UR_Nu.getMinutes()) + ":" + showFilled(UR_Nu.getSeconds());
   document.getElementById("ur").innerHTML = UR_Indhold;
   setTimeout("UR_Start()",1000);
}
function showFilled(Value)
{
   return (Value > 9) ? "" + Value : "0" + Value;
}

</script>
</head>
<body class="{S_CONTENT_DIRECTION}" onload="UR_Start()">

<a name="top"></a>

<div id="wrapheader">
<center>


<table align="center" class="menu-sus" width="990" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #00a7de">
  <tr>
    <td align="left">
				&nbsp;&nbsp;&nbsp;
				<!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
				<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
				<!-- IF S_USER_LOGGED_IN -->
				<!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
				<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --> &nbsp;<a href="{U_REGISTER}"> {L_REGISTER}</a>
				<!-- ENDIF -->
				&nbsp;
				<!-- ENDIF -->	
				<a href="{U_FAQ}"> {L_FAQ}</a>
				<!-- IF S_DISPLAY_SEARCH -->&nbsp; &nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST -->&nbsp; &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
					<!-- IF S_USER_LOGGED_IN -->&nbsp; &nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
				<!-- ENDIF -->	</td>
    <td align="right">
	<!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF --> &nbsp;	</td>
  
  </tr>
</table>

<div align="center">
  <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
</div>
    

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<form method="post" action="{S_LOGIN_ACTION}">
<table align="center" class="loginform" width="990" height="30" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td align="left"> &nbsp;&nbsp;<a class="gensmall" href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> </td>
    <td align="center">
	 <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" />	</td>
    <td align="right">
				
					
				<a class="gensmall" href="ucp.php?mode=resend_act">{L_RESEND_ACTIVATION}</a>&nbsp;&nbsp;</td>
  </tr>
</table>
	{S_LOGIN_REDIRECT}
	{S_FORM_TOKEN}
</form>
<!-- ENDIF -->
</center>
</div>
<div id="wrapcentre">

	<!-- INCLUDE breadcrumbs.html -->

	<br />
Sus
Avatar utilizator
ZHI
Utilizator înregistrat
Mesaje: 18
Membru din: 12-Mai-2011, 13:01:12
Versiune: 3.0.11
Ext: Da
Server: Windows
Nivel phpBB: Experimentat
Nivel php: Mediu

Re: Modificare design bara

Mesaj de ZHI »

/styles/cTr-dArK/theme/stylesheet.css
Ai codul urmator:

Cod: Selectaţi tot

.menu-sus {	
background-color: none;
height:30px;
border: 2px solid #1C1C1C;
 border-radius-bottomleft: 10px;
-o-border-radius-bottomleft: 10px;
-icab-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
 -o-border-bottom-left-radius: 10px;
 -icab-border-bottom-left-radius: 10px;
 -khtml-border-bottom-right-radius: 10px; 
-moz-border-bottom-right-radius: 10px;
 -webkit-border-bottom-right-radius: 10px; 
padding: 5px 5px 5px 15px;
 border-radius-bottomright: 10px;
-o-border-radius-bottomright: 10px;
-icab-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;
 -o-border-bottom-right-radius: 10px;
 -icab-border-bottom-right-radius: 10px;
 -khtml-border-bottom-right-radius: 10px; 
-moz-border-bottom-right-radius: 10px;
 -webkit-border-bottom-right-radius: 10px; 
padding: 5px 5px 5px 15px;
}

Cod: Selectaţi tot

background-color: none;
E culoarea de fundal

Cod: Selectaţi tot

height:30px;
E inaltimea

Cod: Selectaţi tot

border: 2px solid #1C1C1C;
E bordura(marime, tip, culoarea)

"padding" e pozitia, iar cele cu "border-radius" sunt pentru colturi rotunjite.
Sus
Avatar utilizator
RapKid
Utilizator înregistrat
Mesaje: 108
Membru din: 26-Dec-2010, 23:44:45
Versiune: 3.0.5
Ext: Da
Server: Windows
Nivel phpBB: Puţin experimentat
Contact:
Contactează pe RapKid

Re: Modificare design bara

Mesaj de RapKid »

Multumesc:D
Sus
Închis

Înapoi la “3.0.x Stiluri, teme, avataruri şi butoane”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 3 vizitatori